/* ======================================================================
   ROUND 11 — setas de propostas visíveis + leitura reforçada em notícias
   ====================================================================== */

/* 01 / PROPOSTAS — manter as setas completamente dentro da área visível. */
.proposal-stage {
  position: relative !important;
  overflow: visible !important;
  padding-inline: clamp(12px, 1.15vw, 22px) !important;
}

.proposal-track {
  position: relative !important;
  z-index: 1 !important;
  padding-left: clamp(8px, .7vw, 14px) !important;
  padding-right: clamp(8px, .7vw, 14px) !important;
}

.proposal-nav {
  z-index: 60 !important;
  top: 50% !important;
  width: clamp(46px, 3.1vw, 58px) !important;
  height: clamp(46px, 3.1vw, 58px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: rgba(5,42,71,.94) !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: 0 12px 32px rgba(0,20,40,.28) !important;
}

.proposal-nav--prev {
  left: clamp(14px, 1.3vw, 24px) !important;
}

.proposal-nav--next {
  right: clamp(14px, 1.3vw, 24px) !important;
}

/* 02 / ÚLTIMAS NOTÍCIAS — degradê denso na zona do texto e leve no topo. */
.news-image::after {
  background:
    linear-gradient(
      to bottom,
      rgba(1,13,24,.03) 0%,
      rgba(1,13,24,.05) 25%,
      rgba(1,16,29,.18) 42%,
      rgba(1,17,31,.55) 58%,
      rgba(1,18,33,.86) 72%,
      rgba(1,17,31,.97) 88%,
      rgba(1,14,27,1) 100%
    ) !important;
}

.news-body,
.news-card:first-child .news-body {
  background:
    linear-gradient(
      to top,
      rgba(2,18,33,.98) 0%,
      rgba(2,18,33,.92) 42%,
      rgba(2,18,33,.72) 68%,
      rgba(2,18,33,.26) 88%,
      rgba(2,18,33,0) 100%
    ) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.72) !important;
}

.news-card h3,
.news-card:first-child h3 {
  text-shadow: 0 3px 16px rgba(0,0,0,.8) !important;
}

.news-card p {
  color: rgba(255,255,255,.88) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.72) !important;
}

.news-date {
  text-shadow: 0 2px 9px rgba(0,0,0,.62) !important;
}

@media (max-width: 1050px) {
  .proposal-stage { padding-inline: 8px !important; }
  .proposal-nav--prev { left: 12px !important; }
  .proposal-nav--next { right: 12px !important; }
}

@media (max-width: 639px) {
  .proposal-nav {
    width: 40px !important;
    height: 40px !important;
  }
  .proposal-nav--prev { left: 8px !important; }
  .proposal-nav--next { right: 8px !important; }
}