/* ===============================
   🎨 PALETA GLOBAL
================================ */
:root {
    --verde-principal: #38452A;
    --marrom-base: #73441F;
    --laranja-cta: #FF6903;
    --cinza-fundo: #f6f8fb;
    --branco: #ffffff;
}

/* ===============================
   🌍 BASE
================================ */
body {
    background: var(--cinza-fundo);
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    color: #333;
}

/* ===============================
   🧭 NAVBAR MODERNA
================================ */
.navbar {
    background: var(--branco);
    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
    padding: 10px 0;
}

.logo-navbar {
    height: 64px;
    width: auto;
}

/* LINKS */
.navbar-nav .nav-link {
    color: var(--verde-principal);
    font-weight: 500;
    padding: 10px 14px;
    position: relative;
}

/* underline animado */
.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 2px;
    background: var(--laranja-cta);
    transition: .25s;
}

.navbar-nav .nav-link:hover::after {
    width: 100%;
}

.navbar-nav .nav-link:hover {
    color: var(--laranja-cta);
}

/* REMOVE SETA PADRÃO BOOTSTRAP */
.dropdown-toggle::after {
    display: none !important;
}

/* DROPDOWN DESKTOP */
.dropdown-menu {
    border: none;
    border-radius: 14px;
    padding: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}

.dropdown-item {
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 15px;
}

.dropdown-item:hover {
    background: var(--cinza-fundo);
    color: var(--laranja-cta);
}

/* ABRIR DROPDOWN NO HOVER (DESKTOP) */
@media (min-width:992px) {
    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* ===============================
   📱 OFFCANVAS MOBILE
================================ */
.offcanvas {
    background: linear-gradient(180deg,
            var(--verde-principal),
            var(--marrom-base));
    color: #fff;
}

.offcanvas .nav-link {
    color: #fff;
    font-size: 1.05rem;
    padding: 14px 0;
}

.offcanvas .nav-link:hover {
    color: var(--laranja-cta);
}

.offcanvas .dropdown-menu {
    background: rgba(255, 255, 255, .1);
    border: none;
    box-shadow: none;
}

.offcanvas .dropdown-item {
    color: #fff;
}

.offcanvas .dropdown-item:hover {
    background: rgba(255, 255, 255, .18);
}

/* ===============================
   UNDERLINE ANIMADO NO SUBMENU (DESKTOP)
================================ */

@media (min-width: 992px) {

    .navbar .dropdown-item {
        position: relative;
        color: var(--verde-principal);
    }

    .navbar .dropdown-item::after {
        content: "";
        position: absolute;
        left: 14px;
        bottom: 6px;
        width: 0;
        height: 2px;
        background: var(--laranja-cta);
        transition: .25s ease;
    }

    .navbar .dropdown-item:hover::after {
        width: calc(100% - 28px);
    }

}

/* ===============================
   🎞️ HERO / SLIDER
================================ */
#hero .carousel-item {
    height: 78vh;
    min-height: 520px;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* overlay escuro */
#hero .carousel-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, .55),
            rgba(0, 0, 0, .35));
    z-index: 1;
}

#hero .carousel-caption {
    z-index: 2;
    bottom: 50%;
    transform: translateY(50%);
    text-align: center;
}

#hero .carousel-caption h1 {
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 700;
}

#hero .carousel-caption p {
    font-size: clamp(1rem, 2vw, 1.4rem);
}

/* MOBILE HERO */
@media (max-width:768px) {
    #hero .carousel-item {
        height: 55vh;
        min-height: 360px;
    }

    #hero .carousel-caption {
        padding: 0 15px;
    }

    .logo-navbar {
        height: 52px;
    }
}

/* ===============================
   🏛️ SEÇÕES
================================ */
.section-title {
    font-weight: 700;
    color: var(--verde-principal);
    margin-bottom: 22px;
}

/* ===============================
   🔘 BOTÕES
================================ */
.btn-cta {
    background: var(--laranja-cta);
    color: #fff;
    border: none;
}

.btn-cta:hover {
    background: #e85d00;
}

/* ===============================
   🦶 FOOTER
================================ */
footer {
    background: linear-gradient(180deg,
            var(--verde-principal),
            var(--marrom-base));
    color: #fff;
}

/* ===============================
   🧼 UTILIDADES
================================ */
.shadow {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15) !important;
}

/* ===============================
   🎯 ICONES MODERNOS - SOBRE
================================ */

.icon-circle {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    flex-shrink: 0;

    background: linear-gradient(135deg,
            var(--verde-principal),
            var(--marrom-base));

    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
    transition: transform .25s ease, box-shadow .25s ease;
}

.icon-circle.laranja {
    background: linear-gradient(135deg,
            var(--laranja-cta),
            #ff8c3a);
}

.icon-circle:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
}

.accordion-button {
    background: var(--cinza-fundo);
    color: var(--verde-principal);
    border-radius: 8px;
}

.accordion-button:not(.collapsed) {
    background: var(--verde-principal);
    color: #fff;
}

.accordion-body {
    background: #fff;
    border-radius: 0 0 8px 8px;
}

/* ===============================
   📰 NOTÍCIAS
================================ */

.news-card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
    transition: .3s;
}

.news-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .12);
}

.news-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.news-card-body {
    padding: 14px;
}

.news-card h6 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 6px;
}

.news-card h6 a {
    color: var(--verde-principal);
    text-decoration: none;
}

.news-card h6 a:hover {
    color: var(--laranja-cta);
}

/* MOBILE */
@media(max-width:768px) {
    .news-card img {
        height: 160px;
    }
}

.conteudo-noticia {
    font-size: 1.05rem;
    line-height: 1.75;
    color: #222;
}

.conteudo-noticia p {
    margin-bottom: 1.1rem;
}


.newsletter-section{
    background:
      linear-gradient(
        135deg,
        rgba(56,69,42,.95),
        rgba(115,68,31,.95)
      ),
      url('/assets/img/bg-newsletter.jpg') center/cover no-repeat;
}

.newsletter-section input{
    border:none;
    padding:16px 22px;
}

.newsletter-section input:focus{
    box-shadow:0 0 0 3px rgba(255,105,3,.25);
}
/* ===============================
   🍽️ CULINÁRIA
================================ */

.section-culinaria{
    position: relative;
    padding: 90px 0;
    background:
      linear-gradient(
        rgba(56,69,42,.85),
        rgba(115,68,31,.85)
      ),
      url('/assets/img/bg-culinaria.png') center/cover no-repeat;
}

.section-culinaria h2{
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1.3;
}

.section-culinaria .btn{
    border-width: 2px;
    font-weight: 600;
    letter-spacing: .4px;
    transition: .25s ease;
}

.section-culinaria .btn:hover{
    background: var(--laranja-cta);
    border-color: var(--laranja-cta);
    color: #fff;
}

/* MOBILE */
@media (max-width: 768px){
    .section-culinaria{
        padding: 70px 20px;
    }
}


========================
   📍 MAPA / ENDEREÇO
================================ */

.section-mapa{
    position: relative;
    background: #f6f8fb;
    padding-bottom: 120px;
}

/* MAPA */
.map-wrapper{
    width: 100%;
    height: 420px;
}

.map-wrapper iframe{
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(10%);
}

/* CARD SOBRE O MAPA */
.map-card{
    background: #fff;
    max-width: 420px;
    padding: 28px;
    border-radius: 18px;
    position: relative;
    margin-top: -90px;
}

/* MOBILE */
@media (max-width: 768px){

    .map-wrapper{
        height: 320px;
    }

    .map-card{
        max-width: 100%;
        margin-top: -60px;
    }
}

/* ===============================
   🤝 PARCEIROS
================================ */

.section-parceiros{
    background: #ffffff;
}

.section-parceiros .divider{
    max-width: 120px;
    margin: 0 auto 2rem;
    border-top: 2px solid var(--laranja-cta);
    opacity: .9;
}

.parceiros-logos{
    display: flex;
    justify-content: center;
    align-items: center;
}

.parceiros-logos img{
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

/* MOBILE */
@media (max-width: 768px){

    .section-parceiros p{
        font-size: 0.95rem;
        line-height: 1.5;
    }

}

/* ===============================
   🏅 SELOS
================================ */
.selo-img {
    max-width: 150px;
    transition: transform .3s ease, opacity .3s ease;
}

.selo-img:hover {
    transform: scale(1.08);
    opacity: .85;
}

[vw]{
    right: 0 !important;
    left: auto !important;
    z-index: 9999;
}

.site-footer{
  background:#1f2a1f;
  color:#fff;
  padding:60px 0 0;
}

.footer-title{
  font-weight:700;
  margin-bottom:15px;
}

.footer-text{
  font-size:14px;
  line-height:1.6;
  opacity:.9;
}

.footer-small{
  font-size:13px;
}

.footer-link{
  color:#fff;
  text-decoration:underline;
}

.footer-link:hover{
  color:var(--laranja-cta);
}

.footer-social{
  display:flex;
  gap:12px;
  font-size:22px;
}

.footer-social a{
  color:#fff;
  transition:.3s;
}

.footer-social a:hover{
  color:var(--laranja-cta);
  transform:scale(1.15);
}

.sub-footer{
  background:#161d16;
  margin-top:40px;
  padding:15px 0;
  font-size:13px;
  opacity:.85;
}


/* Move o botão hamburguer para a esquerda (mobile) */
@media (max-width: 991px) {
  .navbar-toggler {
    margin-right: 60px; /* ajuste fino */
  }
}

/* ===============================
   📰 PADRÃO DE IMAGEM NOTÍCIAS
================================ */

.thumb-noticia {
    width: 100%;
    height: 220px;
    /* 🔧 ALTURA PADRÃO */
    overflow: hidden;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background: #eee;
}

.thumb-noticia img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 🔥 A MÁGICA ACONTECE AQUI */
    object-position: center;
    display: block;
}

@media (max-width: 576px) {
    .thumb-noticia {
        height: 180px;
    }
}

.thumb-noticia{
    width:100%;
    height:220px;
    overflow:hidden;
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem;
    background:#eee;
}

.thumb-noticia img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

@media (max-width:576px){
    .thumb-noticia{
        height:180px;
    }
}

/* ===============================
   📰 IMAGEM – NOTÍCIA ÚNICA
================================ */

.thumb-noticia-unica{
    width: 100%;
    max-height: 600px;   /* 🔥 limite principal */
    overflow: hidden;
    border-radius: 14px;
    background: #eee;
}

.thumb-noticia-unica img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* corta vertical */
    object-position: center;
    display: block;
}

/* Mobile */
@media (max-width: 576px){
    .thumb-noticia-unica{
        max-height: 30px;
    }
}

/* ===============================
   🏛️ IMAGEM INSTITUCIONAL
================================ */

.imagem-institucional {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    border-radius: 18px;
    overflow: hidden;
    background: #eee;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
    position: relative;
}

/* imagem */
.imagem-institucional img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* leve overlay elegante */
.imagem-institucional::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 0, 0, .08),
            rgba(0, 0, 0, .18));
}

/* ===============================
   🏛️ QUEM SOMOS – MODERNO
================================ */

.quem-somos-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* grid editorial */
.qs-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: center;
}

/* texto */
.qs-texto h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 26px;
}

.qs-texto p {
    font-size: 1.05rem;
    line-height: 1.7;
    max-width: 560px;
    margin-bottom: 1.2rem;
}

/* eyebrow */
.qs-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 12px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--laranja-cta);
    font-weight: 600;
}

/* imagem */
.qs-imagem img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    /* quase reto */
    object-fit: cover;
}

/* MOBILE */
@media (max-width: 991px) {
    .qs-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .quem-somos-modern {
        padding: 70px 0;
    }
}


/* ===============================
   🎥 VÍDEOS
================================ */

.video-card{
    background:#fff;
    border-radius:16px;
    padding:12px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    height:100%;
}

.video-title{
    text-align:center;
    font-weight:600;
    font-size:.95rem;
    margin-top:.75rem;
    color:#333;
}

.video-card{
    background:#fff;
    border-radius:16px;
    padding:16px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    height:100%;
}

.video-title{
    font-weight:600;
    font-size:1rem;
    color:#333;
}

.logo-card{
    background:#fff;
    border-radius:16px;
    padding:24px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    height:100%;
}

.agenda-hero {
    min-height: 420px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.agenda-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .45);
}

.agenda-hero .container {
    position: relative;
    z-index: 2;
}


/* ===============================
   🧭 MISSÃO • VISÃO • VALORES
================================ */

.missao-valores-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* grid inicial */
.mv-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 80px;
}

/* texto */
.mv-texto h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 20px;
}

.mv-texto p {
    max-width: 560px;
    font-size: 1.05rem;
    line-height: 1.7;
}

/* imagem */
.mv-imagem img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

/* cards */
.mv-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.mv-card {
    background: #fff;
    padding: 32px;
    border-radius: 14px;
}

.mv-card h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--verde-principal);
    margin-bottom: 12px;
}

.mv-card p {
    font-size: .98rem;
    line-height: 1.6;
}

.mv-card ul {
    padding-left: 18px;
    margin: 0;
}

.mv-card li {
    margin-bottom: 8px;
    font-size: .95rem;
}

/* MOBILE */
@media (max-width: 991px) {

    .mv-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .mv-cards {
        grid-template-columns: 1fr;
    }

    .missao-valores-modern {
        padding: 70px 0;
    }
}

/* ===============================
   🌱 SUSTENTABILIDADE – MODERNO
================================ */

.sustentabilidade-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

.sus-intro {
    max-width: 640px;
    margin-bottom: 80px;
}

.sus-intro h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 20px;
}

.sus-intro p {
    font-size: 1.05rem;
    line-height: 1.7;
}

/* grid */
.sus-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: center;
    margin-bottom: 90px;
}

.sus-grid.reverse {
    grid-template-columns: .9fr 1.1fr;
}

/* texto */
.sus-texto p {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.1rem;
}

/* imagem */
.sus-imagem img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

/* seções */
.sus-section {
    margin-bottom: 80px;
}

.sus-section h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--verde-principal);
    margin-bottom: 20px;
}

/* listas */
.sus-list {
    columns: 2;
    gap: 40px;
    padding-left: 18px;
}

.sus-list li {
    margin-bottom: 10px;
    font-size: .95rem;
}

/* MOBILE */
@media (max-width: 991px) {

    .sus-grid,
    .sus-grid.reverse {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .sus-list {
        columns: 1;
    }

    .sustentabilidade-modern {
        padding: 70px 0;
    }
}

/* ===============================
   🎥 VÍDEOS – CARDS BRANCOS
================================ */

.videos-modern{
  background:#f6f8fb;
  padding:80px 0;
}

/* caixa branca do vídeo */
.video-box{
  background:#fff;
  border-radius:18px;
  padding:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  height:100%;
  display:flex;
  flex-direction:column;
}

/* títulos */
.video-box h3{
  margin-top:16px;
  font-size:1.05rem;
  font-weight:700;
  color:var(--verde-principal);
}

.video-box span{
  margin-top:14px;
  font-size:.95rem;
  font-weight:600;
  color:#333;
}

/* remove bordas do iframe */
.video-box iframe{
  border-radius:12px;
}

/* grid continua igual */
.videos-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:30px;
  margin-top:50px;
}

.videos-destaque{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:40px;
  margin:60px 0;
}
}

/* MOBILE */
@media (max-width: 991px) {

    .videos-destaque {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .videos-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .videos-modern {
        padding: 70px 0;
    }
}

@media (max-width: 576px) {
    .videos-grid {
        grid-template-columns: 1fr;
    }
}


/* ===============================
   📚 PROJETOS – MODERNO
================================ */

.projetos-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* intro */
.projetos-intro {
    max-width: 640px;
    margin-bottom: 90px;
}

.projetos-intro h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.projetos-intro p {
    font-size: 1.05rem;
    line-height: 1.7;
}

/* item */
.projeto-item {
    margin-bottom: 100px;
}

/* grid */
.projeto-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.projeto-grid.reverse {
    grid-template-columns: 1fr 1fr;
}

/* texto */
.projeto-texto h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.projeto-texto p {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.1rem;
    max-width: 560px;
}

/* imagem */
.projeto-imagem img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

/* MOBILE */
@media (max-width: 991px) {

    .projeto-grid,
    .projeto-grid.reverse {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .projetos-modern {
        padding: 70px 0;
    }

    .projeto-item {
        margin-bottom: 70px;
    }
}


/* ===============================
   🎓 AÇÕES EDUCATIVAS – MODERNO
================================ */

.acoes-educativas-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* intro */
.acoes-intro {
    max-width: 640px;
    margin-bottom: 90px;
}

.acoes-intro h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.acoes-intro p {
    font-size: 1.05rem;
    line-height: 1.7;
}

/* item */
.acao-item {
    margin-bottom: 100px;
}

/* grid */
.acao-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.acao-grid.reverse {
    grid-template-columns: 1fr 1fr;
}

/* texto */
.acao-texto h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.acao-texto p {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1.1rem;
    max-width: 560px;
}

/* imagem */
.acao-imagem img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

/* MOBILE */
@media (max-width: 991px) {

    .acao-grid,
    .acao-grid.reverse {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .acoes-educativas-modern {
        padding: 70px 0;
    }

    .acao-item {
        margin-bottom: 70px;
    }
}

/* ===============================
   🎥 VÍDEOS / FORMAÇÃO DE PLATEIA
================================ */

.formacao-plateia-modern{
  background:#f6f8fb;
  padding:80px 0;
}

.fp-intro{
  max-width:720px;
  margin:0 auto 60px;
  text-align:center;
}

.fp-intro h2{
  font-weight:800;
  color:var(--verde-principal);
  margin-bottom:16px;
}

.fp-bloco{
  margin-bottom:70px;
}

.fp-titulo{
  font-weight:700;
  color:var(--verde-principal);
  margin-bottom:28px;
}

/* GRID */
.fp-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:30px;
}

/* CARD BRANCO (IGUAL VÍDEOS) */
.video-box{
  background:#fff;
  border-radius:18px;
  padding:18px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  height:100%;
}

.video-box span{
  margin-top:14px;
  font-size:.95rem;
  font-weight:600;
  color:#333;
}

.video-box iframe{
  border-radius:12px;
}

/* ===============================
   🗓️ AGENDA – MODERNO
================================ */

.agenda-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* intro */
.agenda-intro {
    max-width: 640px;
    margin-bottom: 70px;
}

.agenda-intro h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.agenda-intro p {
    font-size: 1.05rem;
    line-height: 1.7;
}

/* poster */
.agenda-poster {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}

.agenda-poster img {
    max-width: 860px;
    width: 100%;
    border-radius: 14px;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .18);
}

/* clima */
.agenda-clima {
    max-width: 100%;
    margin: 0 auto;
}

/* MOBILE */
@media (max-width: 991px) {

    .agenda-modern {
        padding: 70px 0;
    }

    .agenda-poster {
        margin-bottom: 50px;
    }

    .agenda-poster img {
        border-radius: 10px;
    }
}


/* ===============================
   🎨 LOGOS – MODERNO
================================ */

.logos-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* intro */
.logos-intro {
    max-width: 640px;
    margin-bottom: 60px;
}

.logos-intro h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.logos-intro p {
    font-size: 1.05rem;
    line-height: 1.7;
}

/* download */
.logos-download {
    text-align: center;
    margin-bottom: 80px;
}

/* grid */
.logos-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    max-width: 900px;
    margin: 0 auto;
}

/* item */
.logo-item {
    text-align: center;
}

/* box da logo */
.logo-box {
    background: #fff;
    border-radius: 16px;
    padding: 40px 30px;
    margin-bottom: 22px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.logo-box img {
    max-width: 260px;
    width: 100%;
    height: auto;
}

/* título */
.logo-item h4 {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 16px;
    color: #333;
}

/* ações */
.logo-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}

/* MOBILE */
@media (max-width: 768px) {

    .logos-modern {
        padding: 70px 0;
    }

    .logos-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .logo-box {
        padding: 30px 20px;
    }
}


/* ===============================
   🎮 AVENTURAS NO PARQUE – MODERNO
================================ */

.aventuras-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* intro */
.aventuras-intro {
    max-width: 640px;
    margin-bottom: 40px;
}

.aventuras-intro h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.aventuras-intro p {
    font-size: 1.05rem;
    line-height: 1.7;
}

/* ações */
.aventuras-acoes {
    margin-bottom: 40px;
}

/* game */
.game-wrapper {
    width: 100%;
    max-width: 1200px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    border-radius: 18px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .18);
}

/* fullscreen */
.game-wrapper:fullscreen {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 0;
}

/* iframe */
.game-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* MOBILE */
@media (max-width: 991px) {

    .aventuras-modern {
        padding: 70px 0;
    }

    .aventuras-acoes {
        margin-bottom: 30px;
    }

    .game-wrapper {
        border-radius: 12px;
    }
}


/* ===============================
   🎮 JOGOS – PADRÃO MODERNO
================================ */

.aventuras-modern {
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* intro */
.aventuras-intro {
    max-width: 640px;
    margin-bottom: 40px;
}

.aventuras-intro h2 {
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
    margin-bottom: 18px;
}

.aventuras-intro p {
    font-size: 1.05rem;
    line-height: 1.7;
}

/* ações */
.aventuras-acoes {
    margin-bottom: 40px;
}

/* game */
.game-wrapper {
    width: 100%;
    max-width: 1200px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    border-radius: 18px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .18);
}

/* fullscreen */
.game-wrapper:fullscreen {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 0;
}

/* iframe */
.game-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* MOBILE */
@media (max-width: 991px) {

    .aventuras-modern {
        padding: 70px 0;
    }

    .aventuras-acoes {
        margin-bottom: 30px;
    }

    .game-wrapper {
        border-radius: 12px;
    }
}

/* ===============================
   🧩 JOGO – FUNDO CLARO
================================ */

.game-wrapper.game-light {
    background: #fff;
}

.game-wrapper.game-light iframe {
    border: 3px solid #000;
}


/* ===============================
   📰 NOTÍCIAS – MODERNO
================================ */

.noticias-modern{
    padding: 110px 0;
    background: var(--cinza-fundo);
}

/* header */
.noticias-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

.noticias-title h2{
    font-size: clamp(2rem, 3vw, 2.6rem);
    font-weight: 800;
    color: var(--verde-principal);
}

/* filtro */
.noticias-filter select{
    min-width: 160px;
    border-radius: 999px;
    padding: 8px 16px;
}

/* data */
.news-date{
    font-size: 13px;
    color: #777;
    margin-bottom: 6px;
}

/* paginação */
.noticias-pagination{
    margin-top: 70px;
}

.pagination .page-link{
    border-radius: 50%;
    margin: 0 4px;
}

/* =====================================================
   NAVBAR – AJUSTES GERAIS
===================================================== */

/* Permite o menu quebrar linha se necessário */
.navbar-nav {
    flex-wrap: wrap;
}

/* Container pode quebrar também */
.navbar .container {
    flex-wrap: wrap;
}

/* Ajuste do menu principal */
.navbar-nav .nav-link {
    padding: .4rem .6rem;
    font-size: 13px;
}


/* Alinhamento correto quando quebrar linha */
@media (min-width: 992px) {
    .navbar-collapse {
        align-items: flex-start;
    }
}


/* =====================================================
   PADRÃO ÚNICO PARA TODOS OS SUBMENUS
   (fixos + banco)
===================================================== */

@media (min-width: 992px) {

    /* Caixa do submenu */
    .navbar .dropdown-menu {
        min-width: 280px;          /* largura equilibrada */
        width: max-content;        /* ajusta ao texto */
        padding: .4rem 0;
        border-radius: 8px;
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    }

    /* Itens internos */
    .navbar .dropdown-menu .dropdown-item {
        font-size: 13px;
        padding: .4rem .9rem;
        white-space: nowrap;       /* evita quebra de texto */
    }

}