/* CAMINHO: /home1/miille88/oscarindica.com.br/assets/css/site.css */
/*
 * Versão: 2.2.0
 *
 * 2.2.0  A fita AO VIVO desacelerou pela metade: 75s → 150s. Ela é
 *        ambiente, não urgência — em tela pequena o texto passava
 *        rápido demais para uma leitura tranquila.
 *
 * O estilo compartilhado do site público.
 *
 * Nasceu por extração: o cabeçalho e o rodapé já existiam dentro da
 * página do passeio, em <style> embutido. Com a home entrando, dois
 * lugares passariam a ter o mesmo CSS — e CSS duplicado sempre se
 * desencontra: um dia alguém arruma o botão do WhatsApp numa página e
 * esquece a outra.
 *
 * Aqui mora o que as duas páginas dividem (cabeçalho, menu de destinos,
 * fita ao vivo, rodapé, botão flutuante) mais as seções da home. O que
 * é só da página do passeio continua lá dentro.
 */

:root{
  --esmeralda:#0F7665; --coqueiro:#0B4F43; --agua:#12897A;
  --dourado:#F4C542; --sol:#F4C542; --fundo:#FAF8F3;
  --borda:#e8e4da; --cinza:#6b7a75; --texto:#243a34;
}
*{box-sizing:border-box;margin:0}
[hidden]{display:none !important}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--fundo);color:var(--texto);line-height:1.6}
img,video{max-width:100%;display:block}
a{color:var(--esmeralda)}
.env{max-width:1120px;margin:0 auto;padding:0 16px}
.realce{color:var(--dourado)}

/* ── barra superior ───────────────────────────────────────────── */
.barra{background:var(--coqueiro);color:#9fc9bd;font-size:12px;padding:6px 0}
.barra .env{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.barra a{color:#9fc9bd;text-decoration:none}
.barra a:hover{color:#fff}
.selo-cad{background:var(--fundo);color:var(--coqueiro);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}

/* ── cabeçalho ────────────────────────────────────────────────── */
.cab{background:#fff;padding:12px 0;border-bottom:1px solid var(--borda)}
.cab .env{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cab .direita{margin-left:auto;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.logo img{height:46px;width:auto;display:block}
.busca{flex:1;min-width:220px;max-width:420px;margin:0 auto;display:flex;border:2px solid var(--coqueiro);border-radius:26px;overflow:hidden;background:#fff;padding-left:6px}
.busca input{flex:1;border:0;padding:9px 12px;font-size:14px;outline:none;background:transparent;color:var(--texto)}
.busca .buscar{border:0;background:var(--coqueiro);color:#fff;font-weight:700;font-size:14px;padding:0 20px;cursor:pointer;font-family:inherit}
.zap{background:var(--sol);color:var(--coqueiro);text-decoration:none;border-radius:26px;padding:9px 20px 9px 12px;font-size:14px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.zap:hover{background:var(--dourado)}
.zap .bolinha{width:24px;height:24px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.zap .bolinha svg{width:15px;height:15px;fill:#25D366}
.carrinho{display:flex;align-items:center;gap:7px;color:var(--coqueiro);text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap}
.carrinho svg{width:22px;height:22px;fill:none;stroke:var(--coqueiro);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.carrinho:hover,.carrinho:hover svg{color:var(--esmeralda);stroke:var(--esmeralda)}
@media(max-width:760px){.logo img{height:38px}.cab .direita{gap:10px}.zap span.texto{display:none}.zap{padding:9px 12px}}

/* ── menu de destinos ─────────────────────────────────────────── */
.destinos{background:#fff;border-bottom:1px solid var(--borda);overflow-x:auto}
.destinos .env{display:flex;gap:4px;justify-content:center;padding:0 16px}
.destinos a{color:var(--cinza);text-decoration:none;font-size:12.5px;font-weight:600;text-align:center;white-space:nowrap;padding:10px 14px 8px;border-bottom:3px solid transparent}
.destinos a:hover{color:var(--esmeralda)}
.destinos a.ativo{color:var(--esmeralda);border-bottom-color:var(--dourado)}
.destinos svg{width:20px;height:20px;margin:0 auto 3px;display:block}

/* ── fita ao vivo ─────────────────────────────────────────────── */
.aovivo{background:var(--coqueiro);display:flex;align-items:stretch;overflow:hidden;min-height:36px}
.aovivo .etiqueta{flex-shrink:0;display:flex;align-items:center;background:var(--sol);color:#412402;font-weight:800;font-size:10.5px;letter-spacing:.1em;padding:0 14px;white-space:nowrap}
.aovivo .trilho{flex:1;overflow:hidden;white-space:nowrap;display:flex;align-items:center}
.aovivo .fita{display:inline-block;padding-left:100%;animation:rolaFita 150s linear infinite;color:#c9e3da;font-size:12.5px;line-height:1.4}
.aovivo .fita a{color:#c9e3da;text-decoration:none}
.aovivo .fita a:hover{color:#fff;text-decoration:underline}
.aovivo .fita b{color:#fff}
.aovivo .fita .sep{color:var(--sol);margin:0 14px}
.aovivo:hover .fita{animation-play-state:paused}
@keyframes rolaFita{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.aovivo .fita{animation:none;padding-left:14px}}
@media(max-width:760px){.aovivo{min-height:30px}.aovivo .etiqueta{font-size:9px;padding:0 10px}.aovivo .fita{font-size:11px}}

/* ── botões ───────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:26px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn-ouro{background:var(--sol);color:#412402}
.btn-ouro:hover{background:var(--dourado)}
.btn-verde{background:var(--esmeralda);color:#fff}
.btn-verde:hover{background:var(--coqueiro)}
.btn-escuro{background:var(--coqueiro);color:#fff}
.btn-linha{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.btn-linha:hover{background:rgba(255,255,255,.14)}

/* ══ HOME ═════════════════════════════════════════════════════ */

/* capa */
.capa{position:relative;min-height:520px;display:flex;align-items:center;background:var(--coqueiro);overflow:hidden}
.capa>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capa .veu{position:absolute;inset:0;background:linear-gradient(105deg,rgba(7,47,36,.86),rgba(7,47,36,.35))}
.capa .env{position:relative;z-index:2;color:#fff;padding-top:72px;padding-bottom:72px}
.capa h1{font-size:clamp(31px,5vw,53px);line-height:1.1;font-weight:800;max-width:640px;letter-spacing:-.5px;text-shadow:0 2px 18px rgba(0,0,0,.32)}
.capa p.sub{font-size:clamp(16px,2vw,21px);margin-top:15px;max-width:520px;color:#e2f3ee;text-shadow:0 2px 12px rgba(0,0,0,.32)}
.capa .acoes{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}

/* selos de confiança */
.confianca{background:#fff;padding:34px 0;border-bottom:1px solid var(--borda)}
.confianca .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(226px,1fr));gap:26px}
.confianca .s{display:flex;gap:12px}
.confianca .ic{font-size:22px;flex-shrink:0;line-height:1.2}
.confianca b{display:block;color:var(--coqueiro);font-size:14.5px;margin-bottom:2px}
.confianca p{font-size:13px;color:var(--cinza);line-height:1.5}

/* seções */
.secao{padding:56px 0}
.secao.creme{background:var(--fundo)}
.secao.branca{background:#fff}
.cabecalho-secao{text-align:center;margin-bottom:30px}
.cabecalho-secao h2{font-size:clamp(24px,3.4vw,33px);color:var(--coqueiro);font-weight:800;line-height:1.2}
.cabecalho-secao p{color:var(--cinza);margin-top:7px;font-size:14.5px}
.centro{text-align:center;margin-top:28px}

/* sobre */
.sobre{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.pilha{position:relative;min-height:390px}
.pilha img,.pilha .vaga{position:absolute;border-radius:12px;box-shadow:0 10px 30px rgba(7,47,36,.16);object-fit:cover}
.pilha .p1{width:62%;height:205px;top:0;left:0}
.pilha .p2{width:66%;height:215px;top:112px;left:26%}
.pilha .p3{width:56%;height:185px;top:255px;left:8%}
.pilha .vaga{background:#dfe8e5}
.sobre h2{font-size:clamp(25px,3.4vw,34px);color:var(--coqueiro);font-weight:800;line-height:1.2}
.sobre p{margin-top:16px;font-size:15.5px;color:var(--cinza)}
.numeros{display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}
.numeros b{display:block;font-size:33px;font-weight:800;color:var(--dourado);line-height:1}
.numeros span{font-size:12px;color:var(--cinza)}

/* prints do grupo */
.grupo{background:var(--coqueiro);color:#fff;padding:58px 0;text-align:center}
.grupo h2{font-size:clamp(23px,3.2vw,32px);font-weight:800}
.grupo p.sub{color:#a9cdc3;margin-top:8px;font-size:14.5px}
.prints{display:flex;gap:14px;overflow-x:auto;padding:30px 4px 10px;scroll-snap-type:x mandatory}
.print{flex:0 0 178px;background:#fff;border-radius:12px;overflow:hidden;color:var(--texto);text-align:left;scroll-snap-align:center}
.print img{width:100%;height:216px;object-fit:cover;object-position:top}
.print .info{padding:9px 11px}
.print .info b{display:block;font-size:12px;color:var(--coqueiro)}
.print .info span{display:block;font-size:10.5px;color:var(--cinza);line-height:1.45}
.grupo .desliza{color:#a9cdc3;font-size:12px;margin-top:4px}

/* maré da semana */
.mare-semana{background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(7,47,36,.09);padding:22px}
.mare-semana .cabeca{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}
.mare-semana .cabeca b{color:var(--coqueiro);font-size:14.5px}
.chip{border:1px solid var(--borda);background:#fff;color:var(--cinza);font-size:12.5px;padding:5px 14px;border-radius:26px;cursor:pointer;font-family:inherit;text-decoration:none}
.chip.on{background:var(--coqueiro);border-color:var(--coqueiro);color:#fff}
.semana{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.semana .dia{border:1px solid var(--borda);border-radius:10px;padding:11px 4px;text-align:center;background:#fff;text-decoration:none;color:inherit}
.semana .dia .dw{font-size:10.5px;color:var(--cinza);text-transform:uppercase;letter-spacing:.6px}
.semana .dia .n{font-size:22px;font-weight:800;color:var(--coqueiro);line-height:1.2}
.semana .dia .tag{display:inline-block;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:26px;margin-top:4px}
.semana .verde{background:#f4fbf9;border-color:#bfe3d8}
.semana .verde .tag{background:#e2f3ee;color:#0b5c4e}
.semana .ambar .tag{background:#fdf6e4;color:#8a6d1f}
.semana .vermelho .tag{background:#fdecea;color:#8a2820}
.semana .neutro .tag{background:#eef3f1;color:var(--cinza)}
.mare-semana .fonte{text-align:center;color:var(--cinza);font-size:11.5px;margin-top:12px}
@media(max-width:760px){.semana{grid-template-columns:repeat(4,1fr)}}

/* cartões de passeio */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:18px}
.card{background:#fff;border:1.5px solid var(--borda);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--texto);display:block;transition:.15s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(7,47,36,.14);border-color:var(--esmeralda)}
.card .capa-card{aspect-ratio:4/3;background:#dfe8e5;position:relative;overflow:hidden}
.card .capa-card img{width:100%;height:100%;object-fit:cover}
.fita-card{position:absolute;top:11px;left:11px;background:var(--sol);color:#412402;font-size:10.5px;font-weight:800;padding:3px 11px;border-radius:26px;z-index:2}
.fita-card.novo{background:var(--coqueiro);color:#fff}
.card .corpo{padding:13px 15px 15px}
.card .corpo h3{font-size:15px;color:var(--coqueiro);line-height:1.3;min-height:39px;font-weight:700}
.card .linha{display:flex;justify-content:space-between;align-items:flex-end;margin-top:9px;gap:8px}
.card .preco span{display:block;font-size:11px;color:var(--cinza)}
.card .preco b{font-size:19px;color:var(--dourado)}
.btn-mini{background:var(--coqueiro);color:#fff;font-size:13px;font-weight:700;padding:9px 18px;border-radius:26px;white-space:nowrap}

/* destinos grandes */
.grandes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.grande{position:relative;border-radius:16px;overflow:hidden;min-height:330px;background:var(--agua);display:flex;align-items:flex-end;text-decoration:none;color:#fff}
.grande img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.grande .sombra{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,47,36,.88),transparent 62%)}
.grande .txt{position:relative;padding:22px;z-index:2}
.grande h3{font-size:22px;font-weight:800}
.grande span{color:var(--sol);font-weight:700;font-size:14px}

/* monte seu roteiro */
.roteiro{background:var(--coqueiro);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;color:#fff}
.roteiro .txt{padding:42px}
.roteiro h2{font-size:clamp(23px,3vw,31px);font-weight:800;line-height:1.2}
.roteiro p{color:#bcdcd3;margin-top:12px;font-size:14.5px}
.roteiro ul{list-style:none;padding:0;margin:20px 0 26px}
.roteiro li{padding:5px 0;font-size:14px}
.roteiro li::before{content:"✓ ";color:var(--sol);font-weight:800}
.roteiro .foto{background:var(--agua);min-height:300px;position:relative}
.roteiro .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* passos */
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.passo{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:22px}
.passo .n{width:33px;height:33px;border-radius:50%;background:var(--sol);color:#412402;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.passo b{display:block;color:var(--coqueiro);font-size:15px;margin-bottom:6px}
.passo p{font-size:13.5px;color:var(--cinza)}

/* faixa */
.faixa{background:linear-gradient(100deg,var(--coqueiro),#0d6355);border-radius:16px;padding:24px 28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#fff;margin-bottom:22px}
.faixa h2{font-size:clamp(19px,2.4vw,25px);font-weight:800}
.faixa p{color:#bcdcd3;font-size:13.5px;margin-top:4px}
.faixa .btn{margin-left:auto}

/* perguntas */
.perguntas{max-width:760px;margin:0 auto}
.perguntas details{background:#fff;border:1px solid var(--borda);border-radius:12px;margin-bottom:11px}
.perguntas summary{padding:16px 20px;font-weight:700;color:var(--coqueiro);font-size:14.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";color:var(--dourado);font-size:19px;line-height:1}
.perguntas details[open] summary::after{content:"−"}
.perguntas .resp{padding:0 20px 17px;color:var(--cinza);font-size:14px}

/* chamada final */
.chamada{background:var(--coqueiro);color:#fff;text-align:center;padding:60px 0}
.chamada h2{font-size:clamp(24px,3.6vw,36px);font-weight:800}
.chamada p{color:#bcdcd3;margin-top:9px}
.chamada .acoes{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}

/* guia + instagram */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bloco{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:26px}
.bloco.escuro{background:var(--coqueiro);color:#fff;border:0}
.bloco h3{font-size:19px;color:var(--coqueiro);font-weight:800}
.bloco.escuro h3{color:#fff}
.bloco p{font-size:13.5px;color:var(--cinza);margin-top:8px}
.bloco.escuro p{color:#bcdcd3}
.form-guia{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.form-guia select,.form-guia input{flex:1 1 130px;border:1px solid var(--borda);border-radius:26px;padding:11px 16px;font-size:13.5px;font-family:inherit}
.aviso-form{font-size:13px;border-radius:10px;padding:9px 12px;margin-top:12px}
.aviso-form.ok{background:#e2f3ee;color:#0b5c4e}
.aviso-form.erro{background:#fdecea;color:#8a2820}

/* ── rodapé ───────────────────────────────────────────────────── */
.rodape{background:var(--coqueiro);color:#9fc9bd;padding:32px 0 20px;font-size:13px}
.rodape .env{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px}
.rodape h3{color:#fff;font-size:14px;margin-bottom:9px}
.rodape a{color:#9fc9bd;text-decoration:none;display:block;margin-bottom:5px}
.rodape a:hover{color:#fff}
.rodape .sociais{display:flex;gap:9px;margin-top:10px}
.rodape .sociais a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;margin:0;transition:all .2s ease}
.rodape .sociais svg{width:18px;height:18px;fill:#cfe8e0}
.rodape .sociais a:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}
.rodape .sociais a.ig:hover svg{fill:#E1306C}
.rodape .sociais a.tt:hover svg{fill:#000}
.rodape .sociais a.yt:hover svg{fill:#FF0000}
.rodape .sociais a.wa:hover svg{fill:#25D366}
.rodape .selos{border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:18px;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
.rodape .selo-pg{background:#fff;border-radius:7px;padding:8px 14px;display:flex;align-items:center;justify-content:center;height:44px}
.rodape .selo-pg img{height:23px;width:auto;display:block}
.rodape .selo-pg.alto img{height:26px}
.rodape .garantia{display:flex;align-items:center;gap:7px;font-size:12px;color:#9fc9bd;line-height:1.3}
.rodape .garantia b{color:#fff;display:block;font-size:12.5px}
.rodape .garantia svg{width:22px;height:22px;fill:none;stroke:var(--sol);stroke-width:1.7;flex-shrink:0}
.rodape .selo-cadastur{text-align:center;font-size:11px;color:#9fc9bd}
.rodape .selo-cadastur .placa{background:#fff;border-radius:7px;padding:8px 14px;display:inline-flex;align-items:center;height:44px}
.rodape .selo-cadastur .placa img{height:26px;width:auto;display:block}
.rodape .selo-cadastur span{display:block;margin-top:5px}
.rodape .fim{display:block;border-top:1px solid rgba(255,255,255,.15);margin-top:22px;padding-top:14px;text-align:center;font-size:12px;color:#7fae9f;line-height:1.9}
.rodape .fim a{display:inline}

/* botão flutuante */
.flutua{position:fixed;right:16px;bottom:16px;background:#25D366;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:40}
.flutua svg{width:28px;height:28px;fill:#fff}



/* ══ 1.1.0: páginas de texto, vitrine, tábua de maré e mapa ═════ */

/* páginas de texto */
.pagina{background:#fff;padding:44px 0 56px}
.pagina .env{max-width:760px}
.pagina h1{font-size:clamp(26px,3.6vw,36px);color:var(--coqueiro);font-weight:800;line-height:1.2}
.pagina .resumo{color:var(--cinza);font-size:16px;margin-top:8px}
.pagina .texto{margin-top:28px;font-size:15.5px;line-height:1.75}
.pagina .texto h2{font-size:20px;color:var(--coqueiro);font-weight:800;margin:32px 0 10px}
.pagina .texto p{margin-bottom:15px}
.pagina .texto ul{margin:0 0 18px 22px}
.pagina .texto li{margin-bottom:7px}
.pagina .texto b{color:var(--coqueiro)}
.pagina .atualizado{margin-top:34px;padding-top:16px;border-top:1px solid var(--borda);color:var(--cinza);font-size:12.5px}

/* filtros e avisos comuns */
.filtros-cat{display:flex;gap:8px;flex-wrap:wrap}
.filtros-cat .chip small{opacity:.6;margin-left:5px;font-size:11px}
.vazio-site{color:var(--cinza);text-align:center;padding:48px 0;font-size:14.5px}
.nota-site{background:#fdf8ea;border:1px solid #eddfb3;color:#8a6d1f;border-radius:10px;padding:11px 14px;font-size:13.5px;margin-bottom:18px}

/* tábua de maré */
.mes-cabeca-site{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 12px}
.mes-cabeca-site b{color:var(--coqueiro);font-size:19px}
.mes-cabeca-site .ideais{background:#e2f3ee;color:#0b5c4e;font-size:12px;font-weight:700;border-radius:26px;padding:3px 12px}
.mes-nav-site{margin-left:auto;display:flex;gap:6px}
.mes-nav-site a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 12px;border:1px solid var(--borda);border-radius:9px;background:#fff;color:var(--esmeralda);text-decoration:none;font-weight:700;font-size:13px}
.mes-nav-site a:hover{background:var(--esmeralda);color:#fff;border-color:var(--esmeralda)}
.cal-site{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.cal-cab{text-align:center;font-size:11px;color:var(--cinza);text-transform:uppercase;letter-spacing:.7px;padding-bottom:4px}
.cal-fora{min-height:78px}
.cal-d{min-height:78px;border:1px solid var(--borda);border-radius:11px;background:#fff;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:inherit}
.cal-d b{font-size:17px;color:var(--coqueiro);font-weight:700}
.cal-d i{font-style:normal;font-size:10px;color:var(--cinza)}
.cal-d .tag{font-size:9px;font-weight:800;border-radius:26px;padding:2px 7px;text-align:center;line-height:1.3}
.cal-d.verde{background:#f4fbf9;border-color:#bfe3d8}
.cal-d.verde .tag{background:#e2f3ee;color:#0b5c4e}
.cal-d.ambar{background:#fffdf7;border-color:#eddfb3}
.cal-d.ambar .tag{background:#fdf6e4;color:#8a6d1f}
.cal-d.vermelho .tag{background:#fdecea;color:#8a2820}
.cal-d.neutro .tag,.cal-d.apagado .tag{background:#eef3f1;color:var(--cinza)}
.cal-d.off{opacity:.5}
.cal-d:not(.off):hover{border-color:var(--esmeralda);box-shadow:0 4px 14px rgba(15,118,101,.12)}
.fonte-mare{color:var(--cinza);font-size:12px;text-align:center;margin-top:16px}
@media(max-width:760px){.cal-site{gap:4px}.cal-d,.cal-fora{min-height:62px}.cal-d i{display:none}}

/* mapa */
.mapa-caixa{height:440px;border-radius:16px;overflow:hidden;background:#dfe8e5;margin-bottom:20px}
.link-maps{display:block;padding:9px 15px;border-top:1px solid var(--borda);font-size:12px;color:var(--esmeralda);text-decoration:none}
.link-maps:hover{background:var(--fundo)}

/* ══ 1.2.0: tábua de maré e mapa, na régua do VCV ═══════════════ */
body.embed{background:#fff}

.mre{padding:34px 0 52px}
.mre-intro{max-width:820px;margin-bottom:30px}
.mre-intro h1{font-size:clamp(24px,3.4vw,33px);color:var(--coqueiro);font-weight:800;line-height:1.2}
.mre-intro p{color:var(--cinza);margin-top:10px;font-size:14.5px}

.mre-mod{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:20px;margin-bottom:24px}
.mre-cab{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mre-cab h2{font-size:20px;color:var(--coqueiro);font-weight:800}
.mre-cab p{color:var(--cinza);font-size:13px}
.mre-selo{margin-left:auto;background:#e2f3ee;color:#0b5c4e;font-size:10px;font-weight:800;letter-spacing:.06em;border-radius:26px;padding:4px 11px;white-space:nowrap}

.mre-hoje{display:flex;gap:16px;flex-wrap:wrap;align-items:center;background:var(--fundo);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.mre-hoje .cond{flex:0 0 auto;border-left:4px solid var(--cinza);padding-left:12px}
.mre-hoje .cond small{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--cinza)}
.mre-hoje .cond strong{display:block;font-size:17px;color:var(--coqueiro);line-height:1.25}
.mre-hoje .cond em{font-style:normal;font-size:12px;color:var(--cinza)}
.cond-verde{border-left-color:var(--esmeralda) !important}
.cond-verde strong{color:var(--esmeralda) !important}
.cond-ambar{border-left-color:var(--dourado) !important}
.cond-vermelho{border-left-color:#c0392b !important}
.mre-hoje ul{list-style:none;padding:0;margin:0;flex:1 1 240px;font-size:13.5px;line-height:1.9;color:var(--texto)}
.mre-hoje .btn{margin-left:auto}
.mre-vazio{background:var(--fundo);border-radius:12px;padding:16px;color:var(--cinza);font-size:13.5px;margin-bottom:16px}

.mre-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}
.mre-nav h3{font-size:14px;color:var(--coqueiro);font-weight:700}
.mre-nav a,.mre-nav .off{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--borda);border-radius:9px;color:var(--esmeralda);text-decoration:none;font-weight:700}
.mre-nav a:hover{background:var(--esmeralda);color:#fff;border-color:var(--esmeralda)}
.mre-nav .off{color:var(--borda)}

.mre-grade{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.mre-gsem{text-align:center;font-size:10.5px;font-weight:800;color:var(--cinza);padding-bottom:3px}
.mre-gd{min-height:74px;border:1px solid var(--borda);border-radius:9px;background:#fff;padding:6px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;text-align:center}
.mre-gd small{font-size:14px;font-weight:800;color:var(--coqueiro);line-height:1.1}
.mre-gd em{font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.02em;line-height:1.25}
.mre-gd .alt{font-size:11px;font-weight:700;color:var(--texto)}
.mre-gd .sai{font-size:8px;color:var(--cinza);font-weight:600}
.mre-gd.vazio{cursor:default;background:var(--fundo)}
.mre-gd.vazio em{color:var(--borda)}
.mre-gd.passado{opacity:.42;cursor:default}
.mre-gd.dia-verde{background:#f2faf7;border-color:#bfe3d8}
.mre-gd.dia-verde em{color:#0b5c4e}
.mre-gd.dia-ambar{background:#fffdf6;border-color:#eddfb3}
.mre-gd.dia-ambar em{color:#8a6d1f}
.mre-gd.dia-vermelho{background:#fdf6f5;border-color:#f3c2bc}
.mre-gd.dia-vermelho em{color:#8a2820}
.mre-gd.dia-neutro em{color:var(--cinza)}
.mre-gd:not(.passado):not(.vazio):hover{border-color:var(--esmeralda);box-shadow:0 4px 12px rgba(15,118,101,.14)}
@media(max-width:760px){.mre-grade{gap:3px}.mre-gd{min-height:62px;padding:4px 2px}.mre-gd .sai{display:none}}

.mre-legenda{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:14px;font-size:11.5px;color:var(--cinza)}
.mre-legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.lg-verde{background:#bfe3d8}.lg-ambar{background:#eddfb3}
.lg-vermelho{background:#f3c2bc}.lg-neutro{background:#e0e6e4}
.mre-toque{text-align:center;color:var(--cinza);font-size:12px;margin-top:8px}
.mre-resumo{margin-top:14px;padding-top:12px;border-top:1px solid var(--borda);font-size:13.5px;color:var(--cinza)}
.mre-resumo b{color:var(--esmeralda)}
.mre-resumo a{margin-left:8px;font-weight:700;text-decoration:none}

/* o detalhe do dia */
.mmd-fundo{position:fixed;inset:0;background:rgba(7,47,36,.62);display:flex;align-items:center;justify-content:center;padding:16px;z-index:80}
.mmd-card{background:#fff;border-radius:16px;max-width:420px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.mmd-topo{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--borda)}
.mmd-topo h4{font-size:17px;color:var(--coqueiro);font-weight:800}
.mmd-topo p{font-size:12.5px;color:var(--cinza);margin-top:2px}
.mmd-fechar{margin-left:auto;background:none;border:0;font-size:26px;line-height:1;color:var(--cinza);cursor:pointer;padding:0 4px}
.mmd-corpo{padding:16px 20px 20px}
.mmd-cond{border-left:4px solid var(--cinza);padding-left:12px;margin-bottom:14px}
.mmd-cond b{display:block;font-size:16px;color:var(--coqueiro)}
.mmd-cond span{font-size:12.5px;color:var(--cinza)}
.mmd-lista{list-style:none;padding:0;margin:0;font-size:13.5px;line-height:2}
.mmd-emb{background:var(--fundo);border-radius:11px;padding:12px 14px;margin:12px 0}
.mmd-emb b{display:block;font-size:12px;color:var(--coqueiro);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}
.mmd-emb ol{list-style:none;padding:0;margin:0}
.mmd-emb li{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;border-bottom:1px dashed var(--borda)}
.mmd-emb li:last-child{border-bottom:0}
.mmd-emb p{font-size:12px;color:var(--cinza);margin-top:7px}
.mmd-aviso{background:#fdf8ea;border:1px solid #eddfb3;color:#8a6d1f;border-radius:9px;padding:9px 12px;font-size:12.5px;margin-top:12px}
.mmd-btn{width:100%;justify-content:center;margin-top:16px}

/* mapa */
.mapa-moldura{position:relative;border-radius:16px;overflow:hidden}
.mapa-filtros{position:absolute;top:12px;left:12px;right:12px;z-index:5;display:flex;gap:6px;flex-wrap:wrap}
.mapa-filtros .chip{box-shadow:0 3px 10px rgba(7,47,36,.16)}
.mapa-cheia{position:absolute;left:12px;bottom:12px;z-index:5;background:var(--coqueiro);color:#fff;font-size:12.5px;font-weight:700;padding:8px 15px;border-radius:26px;text-decoration:none;box-shadow:0 3px 10px rgba(7,47,36,.22)}
.pin-card{max-width:218px;font-family:system-ui,sans-serif}
.pin-card img{width:100%;height:104px;object-fit:cover;border-radius:8px;margin-bottom:7px}
.pin-card b{display:block;color:#0B4F43;font-size:14px;line-height:1.3}
.pin-preco{display:block;color:#0F7665;font-weight:800;font-size:16px;margin:2px 0 6px}
.pin-preco i{display:block;font-style:normal;color:#6b7a75;font-weight:500;font-size:11px}
.pin-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px}
.pin-tags em{font-style:normal;font-size:10.5px;color:#0B4F43;background:#eef4f2;
  border-radius:10px;padding:2px 8px;line-height:1.6}
.pin-acoes{display:flex;gap:6px;margin-bottom:6px}
.pin-acoes a{flex:1;text-align:center;font-size:12.5px;font-weight:700;text-decoration:none;
  padding:7px 4px;border-radius:8px;line-height:1.2}
.pin-ver{color:#0B4F43;border:1.5px solid #e8e4da}
.pin-res{background:#F4C542;color:#3E3103}
.pin-res:hover{background:#D6A443}
.pin-chegar{display:block;text-align:center;color:#0F7665;font-weight:700;
  font-size:12px;text-decoration:none}
.pin-card a{text-decoration:none}

/* ══════════════════════════════════════════════════════════════════
 * 2.0.0 · O CELULAR MANDA
 *
 * 95% dos acessos vêm do celular. Isso inverte a ordem de prioridade
 * de todo o CSS acima: o que está antes deste bloco é a versão de
 * computador, e o que está aqui é a versão que quase todo mundo vê.
 *
 * Três bugs de verdade que este bloco conserta:
 *
 *   1. A PILHA DE FOTOS DO "SOBRE" ESTOURAVA. As três fotos são
 *      posicionadas em absoluto, e a terceira começa a 255px de altura.
 *      Com o container em 310px no celular, ela vazava 130px por cima
 *      da seção seguinte. Aqui a pilha vira empilhamento de verdade.
 *
 *   2. O iOS DAVA ZOOM AO TOCAR NUM CAMPO. Todo input com fonte menor
 *      que 16px faz o Safari aproximar a tela — é o clássico "o site
 *      pulou quando eu toquei". Todos vão a 16px no celular.
 *
 *   3. A CAPA OCUPAVA A TELA INTEIRA. 520px de altura num celular de
 *      640px úteis significa que ninguém via que havia mais coisa
 *      abaixo. Cai para 420px e o conteúdo seguinte espia na dobra.
 * ══════════════════════════════════════════════════════════════════ */

/* nada pode vazar para os lados: rolagem horizontal é o defeito que
   mais parece "site quebrado" para quem usa o polegar */
html{overflow-x:hidden}
body{overflow-x:hidden;-webkit-text-size-adjust:100%}
img,video,iframe,table{max-width:100%}

/* o cinza do toque no Android atrapalha mais do que ajuda */
a,button,[role="button"]{-webkit-tap-highlight-color:rgba(15,118,101,.12)}

/* respeita o entalhe e a barra de gestos do iPhone */
.flutua{bottom:calc(16px + env(safe-area-inset-bottom))}
.rodape{padding-bottom:calc(20px + env(safe-area-inset-bottom))}

@media (max-width:900px){
  .sobre,.roteiro,.duo{grid-template-columns:1fr}
  .roteiro .txt{padding:28px 22px}
  .roteiro .foto{min-height:220px;order:-1}   /* a foto vem antes do texto */

  /* ---- a pilha vira empilhamento: sem absoluto, sem estouro ---- */
  .pilha{position:static;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .pilha img,.pilha .vaga{position:static;width:100%;height:150px;box-shadow:0 6px 18px rgba(7,47,36,.12)}
  .pilha .p1{grid-column:1 / -1;height:190px}
  .pilha .p2,.pilha .p3{height:130px}
}

@media (max-width:760px){
  .env{padding:0 14px}

  /* ---- campos a 16px: abaixo disso o iOS aproxima a tela ---- */
  input,select,textarea,.busca input,.form-guia select,.form-guia input{font-size:16px}

  /* ---- barra superior: só o essencial ---- */
  .barra{font-size:11px}
  .barra .env{justify-content:center;gap:8px}
  .barra .selo-cad{font-size:10px}

  /* ---- cabeçalho: logo e ações na primeira linha, busca na segunda ---- */
  .cab{padding:10px 0}
  .cab .env{gap:10px}
  .logo{flex:0 0 auto}
  .cab .direita{margin-left:auto;order:2}
  .busca{order:3;flex:1 1 100%;max-width:none;margin:0}
  .busca input{padding:11px 12px}
  .busca .buscar{padding:0 16px;font-size:14px}
  .carrinho span{display:none}   /* o ícone já diz o que é */

  /* ---- menu de destinos: rolagem com dica de que há mais ---- */
  .destinos .env{justify-content:flex-start;gap:0;padding-right:26px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .destinos .env::-webkit-scrollbar{display:none}
  .destinos{position:relative}
  .destinos::after{content:"";position:absolute;right:0;top:0;bottom:0;width:26px;
    background:linear-gradient(90deg,rgba(255,255,255,0),#fff);pointer-events:none}
  .destinos a{padding:9px 12px 7px;font-size:11.5px}
  .destinos svg{width:18px;height:18px}

  /* ---- capa: cabe na tela e deixa ver que há mais abaixo ---- */
  .capa{min-height:420px}
  .capa .env{padding-top:44px;padding-bottom:44px}
  .capa .acoes{margin-top:22px;gap:9px}
  .capa .acoes .btn{flex:1 1 auto;justify-content:center}

  /* ---- botões: alvo de dedo tem 44px, não 36 ---- */
  .btn{padding:14px 22px;font-size:15px;min-height:48px}
  .btn-mini{padding:11px 18px;min-height:42px;display:inline-flex;align-items:center}
  .chip{padding:9px 15px;min-height:40px;display:inline-flex;align-items:center}

  /* ---- seções mais curtas: rolagem no polegar cansa ---- */
  .secao{padding:40px 0}
  .confianca{padding:26px 0}
  .confianca .grade{gap:18px}
  .cabecalho-secao{margin-bottom:22px}
  .numeros{gap:22px;justify-content:space-between}
  .numeros b{font-size:27px}

  /* ---- cartões: um por linha, capa mais baixa ---- */
  .cards{grid-template-columns:1fr;gap:14px}
  .card .capa-card{aspect-ratio:16/10}
  .card .corpo h3{min-height:0}
  .grandes{grid-template-columns:1fr;gap:14px}
  .grande{min-height:250px}

  /* ---- prints do grupo: dica de arrasto ---- */
  .grupo{padding:44px 0}
  .prints{padding:22px 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .prints::-webkit-scrollbar{display:none}
  .print{flex:0 0 160px}
  .print img{height:196px}

  /* ---- faixa e blocos empilham ---- */
  .faixa{padding:20px;flex-direction:column;align-items:flex-start;gap:14px}
  .faixa .btn{margin-left:0;width:100%;justify-content:center}
  .form-guia{flex-direction:column}
  .form-guia select,.form-guia input,.form-guia .btn{width:100%;flex:1 1 auto}
  .form-guia .btn{justify-content:center}
  .bloco{padding:20px}

  /* ---- chamada final ---- */
  .chamada{padding:44px 0}
  .chamada .acoes{flex-direction:column;align-items:stretch}
  .chamada .acoes .btn{justify-content:center}

  /* ---- rodapé: duas colunas, não quatro apertadas ---- */
  .rodape .env{grid-template-columns:1fr 1fr;gap:18px}
  .rodape .env>div:first-child{grid-column:1 / -1}
  .rodape .selos{gap:12px}
  .rodape .sociais a{width:42px;height:42px}   /* alvo de dedo */

  /* ---- páginas de texto ---- */
  .pagina{padding:30px 0 40px}
  .pagina .texto{font-size:16px}

  /* ---- vitrine ---- */
  .filtros-cat{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .filtros-cat::-webkit-scrollbar{display:none}
  .filtros-cat .chip{white-space:nowrap}

  /* ---- tábua de maré: o calendário continua com 7 colunas ----
     Reduzir para 4 quebraria a leitura: semana é uma unidade, e um
     calendário em duas fileiras de quatro não é mais um calendário. */
  .mre{padding:22px 0 40px}
  .mre-mod{padding:14px 12px;border-radius:12px}
  .mre-cab h2{font-size:17px}
  .mre-selo{margin-left:0;order:3}
  .mre-hoje{flex-direction:column;align-items:stretch;gap:12px;padding:14px}
  .mre-hoje .btn{margin-left:0;width:100%;justify-content:center}
  .mre-grade{gap:2px}
  .mre-gd{min-height:58px;padding:3px 1px;border-radius:7px}
  .mre-gd small{font-size:13px}
  .mre-gd em{font-size:7.5px}
  .mre-gd .alt{font-size:10px}
  .mre-legenda{gap:8px 14px;font-size:11px;justify-content:flex-start}
  .mre-nav h3{font-size:13px}
  .mre-nav a,.mre-nav .off{width:40px;height:40px}

  /* ---- o detalhe do dia vira folha de baixo ----
     No celular, diálogo centralizado obriga a mão a subir até o meio da
     tela. Colado embaixo, o polegar alcança tudo sem trocar de pegada. */
  .mmd-fundo{align-items:flex-end;padding:0}
  .mmd-card{max-width:none;border-radius:18px 18px 0 0;max-height:92vh;
    padding-bottom:env(safe-area-inset-bottom)}
  .mmd-topo{position:sticky;top:0;background:#fff;z-index:2}
  .mmd-fechar{width:44px;height:44px}

  /* ---- mapa ---- */
  .mapa-caixa{height:340px}
  .mapa-filtros{top:8px;left:8px;right:8px;flex-wrap:nowrap;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .mapa-filtros::-webkit-scrollbar{display:none}
  .mapa-filtros .chip{white-space:nowrap;flex:0 0 auto}
  .mapa-cheia{left:8px;bottom:8px}
  .cal-site{gap:3px}
  .cal-d,.cal-fora{min-height:58px}
}

@media (max-width:400px){
  .env{padding:0 12px}
  .logo img{height:34px}
  .capa{min-height:380px}
  .capa .env{padding-top:36px;padding-bottom:36px}
  .rodape .env{grid-template-columns:1fr}
  .numeros{gap:14px}
  .numeros b{font-size:23px}
  .print{flex:0 0 145px}
  .mre-gd{min-height:52px}
  .mre-gd em{font-size:7px}
  .mre-gd .alt{display:none}   /* abaixo de 400px, o número não cabe legível */
}

/* quem pediu menos movimento no sistema não deve levar fita rolando */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .card:hover{transform:none}
}

/* ═══════════════════════════════════════════════════════════════════
   v2.2.0 · O HEADER INTERNO GYG (.cab2) — uma linha compacta + a
   navegação fina. Vale para /passeios, /mapa, /mare e /pagina.
   ═══════════════════════════════════════════════════════════════════ */
.cab2{background:#fff;border-bottom:1px solid var(--borda)}
.cab2-linha{display:flex;align-items:center;gap:20px;padding:12px 0}
.cab2-logo img{display:block;height:42px;width:auto}
.cab2-busca{flex:1;max-width:520px;display:flex;align-items:center;border:1.5px solid var(--borda);border-radius:999px;overflow:hidden;background:#fff}
.cab2-busca input{flex:1;border:0;outline:0;font:inherit;font-size:14px;padding:10px 16px;min-width:0;background:none}
.cab2-busca .buscar{background:var(--coqueiro);color:#fff;border:0;font:inherit;font-weight:800;font-size:13.5px;padding:9px 20px;border-radius:999px;margin:3px;cursor:pointer}
.cab2-busca .buscar:hover{background:var(--esmeralda)}
.cab2-icones{margin-left:auto;display:flex;gap:22px;text-align:center}
.cab2-icones a{color:var(--coqueiro);text-decoration:none;font-size:11.5px;font-weight:600;min-width:50px}
.cab2-icones a span{display:block;margin:0 auto 3px;width:24px;height:24px}
.cab2-icones svg{width:23px;height:23px}
.cab2-icones a:hover{color:var(--esmeralda)}
.cab2-nav{border-top:1px solid #F0ECE2}
.cab2-nav .env{display:flex;gap:18px;align-items:center;padding:9px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cab2-nav .env::-webkit-scrollbar{display:none}
.cab2-nav a{color:var(--coqueiro);text-decoration:none;font-size:13.5px;font-weight:600;white-space:nowrap}
.cab2-nav a:hover,.cab2-nav a.ativo{color:var(--esmeralda)}
.cab2-nav a.ativo{border-bottom:2px solid var(--dourado);padding-bottom:2px}
.cab2-todos{font-weight:800}
.cab2-sep{color:#CFC9BA}
@media(max-width:760px){
  .cab2-linha{flex-wrap:wrap;gap:10px}
  .cab2-logo img{height:36px}
  .cab2-busca{order:3;flex-basis:100%;max-width:none}
  .cab2-icones{gap:14px}
}

/* v2.2.1 · a navegação da VCV: ícone em cima, rótulo embaixo */
.cab2-nav.vcv .env{gap:26px;justify-content:flex-start;padding:8px 0 9px}
.cab2-nav.vcv a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12.5px;min-width:56px}
.cab2-ico{width:22px;height:22px;display:block}
.cab2-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cab2-nav.vcv a.ativo{border-bottom:0}
.cab2-nav.vcv a.ativo .cab2-ico{color:var(--esmeralda)}
.cab2-nav.vcv a.ativo::after{content:"";display:block;width:22px;height:2.5px;background:var(--dourado);border-radius:2px;margin-top:1px}

/* v2.3.0 · topo padrão: menu central, header sem busca */
.cab2-nav.vcv .env{justify-content:center;gap:32px}
.cab2-linha{justify-content:space-between}
.cab2-icones{margin-left:0}

/* v2.3.2 · A MESMA DISTÂNCIA EM TODA PÁGINA: o topo padrão trava as
   medidas com peso próprio — nenhum CSS local de página consegue
   apertar ou alargar o header. */
header.cab2 .cab2-linha{padding:13px 0 !important;gap:20px !important}
header.cab2 .cab2-logo img{height:44px !important;width:auto !important}
header.cab2 .cab2-nav .env{padding:9px 0 10px !important;gap:32px !important;justify-content:center !important}
header.cab2 .cab2-icones{gap:22px !important}
.aovivo{font-size:12.5px !important;padding:0 !important}

/* v2.3.3 · A COR DO TOPO É UMA SÓ (a da index): cores em hexa literal
   com peso máximo — as variáveis locais de cada página não alcançam. */
header.cab2{background:#FFFFFF !important;border-bottom:1px solid #E7E2D6 !important}
header.cab2 .cab2-icones a{color:#0B4F43 !important}
header.cab2 .cab2-icones a:hover{color:#0F7665 !important}
header.cab2 .cab2-nav a{color:#0B4F43 !important}
header.cab2 .cab2-nav a:hover,header.cab2 .cab2-nav a.ativo{color:#0F7665 !important}
header.cab2 .cab2-nav.vcv a.ativo::after{background:#F4C542 !important}
header.cab2 .cab2-nav{border-top:1px solid #F0ECE2 !important}
.aovivo{background:#07281F !important;color:#C9E3DA !important}
.aovivo .etiqueta{background:#F4C542 !important;color:#4A3A08 !important}

/* v2.3.4 · O COVER PADRÃO: toda capa de página tem a MESMA altura
   (46% da tela, entre 340 e 520px) e a imagem preenche por corte
   (object-fit: cover) — nunca por esticada. Foto de qualquer
   proporção entra bonita; o navegador corta as sobras, não distorce. */
section.hero{height:clamp(340px,46vh,520px) !important;min-height:0 !important}
section.hero img,section.hero video{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center 38%}
.mr-heroi,.ex-heroi{min-height:0}