/* =========================================================
   Haras São Bento do Ribeirão — TEMA CLARO
   Carregado DEPOIS de style.css. Sobrescreve só as cores;
   todo o layout continua vindo do arquivo principal.
   ========================================================= */

:root{
  --preto:#fbf8f2;        /* fundo geral (creme quente, não branco puro: cansa menos a vista) */
  --preto-2:#f4efe4;      /* seção alternada */
  --carvao:#ece5d6;       /* seção de destaque */
  --ouro:#8c6a0f;         /* dourado escurecido: contraste AA sobre fundo claro */
  --ouro-suave:#a67f16;
  --creme:#1e1b16;        /* era o "claro" dos títulos, agora o escuro */
  --texto:#2a2620;
  --texto-suave:#6b6357;
  --sombra:0 14px 40px rgba(60,48,20,.12);
}

body{background:var(--preto);color:var(--texto)}
::selection{background:#e8d9a3;color:#1e1b16}

/* ---------- Cabeçalho ---------- */
.topo{background:linear-gradient(to bottom,rgba(251,248,242,.94),rgba(251,248,242,.55) 70%,transparent)}
.topo.solido{background:rgba(251,248,242,.98);box-shadow:0 4px 22px rgba(60,48,20,.12)}
.marca__nome{color:#1e1b16}
.marca img{box-shadow:0 2px 10px rgba(0,0,0,.18)}
.nav-desk a{color:#6b6357}
.nav-desk a:hover,.nav-desk a.ativo{color:#8c6a0f}

.menu>summary{background:rgba(0,0,0,.03);border-color:rgba(140,106,15,.35)}
.menu__barras,.menu__barras::before,.menu__barras::after{background:#2a2620}
.menu[open]>summary{border-color:#8c6a0f;background:rgba(140,106,15,.1)}
.menu__painel{background:#fffdf8;border-color:rgba(140,106,15,.2);box-shadow:0 18px 44px rgba(60,48,20,.18)}
.menu__painel a{color:#2a2620}
.menu__painel a:hover{background:rgba(140,106,15,.1);color:#8c6a0f}

/* ---------- Hero: continua claro SOBRE a mídia (foto/vídeo escuros) ---------- */
.hero h1{color:#fff}
.hero h1 em{color:#f0d68f}
.hero__txt{color:#efe9dd}
.hero__selo{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(0,0,0,.38)}
.hero__selo b{color:#f0d68f}
.hero__selo .ico{stroke:#f0d68f}
.hero__tags span{color:#efe9dd;border-color:rgba(255,255,255,.28);background:rgba(0,0,0,.34)}
.hero__seta{border-color:rgba(255,255,255,.45)}
.hero__seta::after{background:#f0d68f}
.hero .btn--fantasma{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(0,0,0,.28)}
.hero .btn--fantasma:hover{border-color:#f0d68f;color:#f0d68f}

/* ---------- Botões ---------- */
.btn--ouro{background:linear-gradient(135deg,#c9a227,#9a7410);color:#fff;box-shadow:0 10px 26px rgba(140,106,15,.28)}
.btn--fantasma{border-color:rgba(60,48,20,.28);color:#2a2620;background:rgba(0,0,0,.02)}
.btn--fantasma:hover{border-color:#8c6a0f;color:#8c6a0f;background:rgba(140,106,15,.06)}
.btn--whats{color:#053d1d;box-shadow:0 10px 26px rgba(37,211,102,.32)}

/* ---------- Pilares ---------- */
.pilares{background:linear-gradient(180deg,#f7f2e7,#f1ead9);border-color:rgba(140,106,15,.22)}
.pilares__grid{background:rgba(140,106,15,.18)}
.pilar{background:#f9f5ec}
.pilar b{color:#8c6a0f}
.pilar span{color:#6b6357}
.ico{stroke:#8c6a0f}

/* ---------- Sobre ---------- */
.lista-check li::before{background:rgba(140,106,15,.14);border-color:rgba(140,106,15,.45);color:#8c6a0f}
.lista-check li b{color:#1e1b16}
.sobre__fotos figure{box-shadow:var(--sombra)}

/* ---------- Chalés ---------- */
.chale{background:#fffdf8;border-color:rgba(140,106,15,.24);box-shadow:0 6px 20px rgba(60,48,20,.07)}
.chale:hover{border-color:rgba(140,106,15,.55);box-shadow:var(--sombra)}
.chale__foto{background:#e9e2d3}
.chale__tag{background:rgba(255,253,248,.94);border-color:rgba(140,106,15,.45);color:#8c6a0f}
.chale__corpo h3{color:#1e1b16}
.itens li{color:#5c5449}
.itens li.destaque{color:#7a5c0c}
.aviso-proj{background:rgba(140,106,15,.08);border-color:rgba(140,106,15,.38);color:#5c5449}

/* ---------- Comodidades ---------- */
.comod{background:#fffdf8;border-color:rgba(60,48,20,.1)}
.comod:hover{border-color:rgba(140,106,15,.5);background:rgba(140,106,15,.06)}
.comod span{color:#5c5449}

/* ---------- Experiências (texto sobre foto: segue claro) ---------- */
.exp{box-shadow:0 6px 20px rgba(60,48,20,.08)}
.exp__txt h3{color:#fff}
.exp__txt p{color:#e4ded0}
.exp__nivel{color:#f0d68f;border-color:rgba(255,255,255,.45);background:rgba(0,0,0,.42)}

/* ---------- Planejador ---------- */
.planejador{background:linear-gradient(155deg,#fdf8ec,#f5eeda 70%);border-color:rgba(140,106,15,.35);box-shadow:var(--sombra)}
.planejador h3{color:#1e1b16}
.opcao{background:#fffdf8;border-color:rgba(60,48,20,.2);color:#5c5449}
.opcao:hover{border-color:rgba(140,106,15,.5)}
.opcao[aria-pressed="true"]{background:linear-gradient(135deg,#c9a227,#9a7410);color:#fff}
.campo input[type="date"]{background:#fffdf8;border-color:rgba(60,48,20,.2);color:#2a2620}
.campo input[type="date"]::-webkit-calendar-picker-indicator{filter:none;opacity:.6}
.previa{background:rgba(140,106,15,.07);border-left-color:#8c6a0f;color:#5c5449}
.previa b{color:#1e1b16}

/* ---------- Galeria ---------- */
.filtro{border-color:rgba(60,48,20,.2);color:#6b6357}
.filtro:hover{border-color:rgba(140,106,15,.5)}
.filtro[aria-pressed="true"]{border-color:#8c6a0f;color:#7a5c0c;background:rgba(140,106,15,.1)}
.galeria__item{background:#e9e2d3;box-shadow:0 3px 12px rgba(60,48,20,.08)}

/* Lightbox: fundo claro, foto em destaque */
.lb{background:rgba(249,245,236,.985)}
.lb__fig img{box-shadow:0 20px 50px rgba(60,48,20,.22)}
.lb__cap{color:#6b6357}
.lb__cap b{color:#8c6a0f}
.lb__btn{background:rgba(255,255,255,.94);border-color:rgba(60,48,20,.2);color:#2a2620;box-shadow:0 4px 14px rgba(60,48,20,.14)}
.lb__btn:hover{border-color:#8c6a0f;color:#8c6a0f}
.lb__contador{color:#6b6357}

/* ---------- Localização ---------- */
.local__card{background:#fffdf8;border-color:rgba(60,48,20,.1);box-shadow:0 4px 16px rgba(60,48,20,.06)}
.local__card h3{color:#8c6a0f}
.rota .num{background:rgba(140,106,15,.12);border-color:rgba(140,106,15,.45);color:#7a5c0c}
.rota b{color:#1e1b16}
.rota span{color:#6b6357}
.rota .ico{stroke:#8c6a0f}

/* ---------- FAQ ---------- */
.faq details{background:#fffdf8;border-color:rgba(60,48,20,.1)}
.faq details[open]{border-color:rgba(140,106,15,.45);background:rgba(140,106,15,.05)}
.faq summary{color:#1e1b16}
.faq summary::after{color:#8c6a0f}
.faq__resp{color:#5c5449}

/* ---------- CTA final (sobre foto: segue escuro) ---------- */
.cta h2{color:#fff}
.cta p{color:#e4ded0}
.cta__whats{color:#d8d1c1}
.cta__whats a{color:#f0d68f;border-bottom-color:rgba(240,214,143,.5)}

/* ---------- Rodapé ---------- */
.rodape{background:#f1ead9;border-top-color:rgba(140,106,15,.28)}
.rodape .marca__nome{color:#1e1b16}
.rodape p,.rodape ul a{color:#6b6357}
.rodape ul a:hover{color:#8c6a0f}
.rodape h4{color:#8c6a0f}
.rodape__base{border-top-color:rgba(60,48,20,.12);color:#8a8175}

/* ---------- Flutuantes ---------- */
.barra-mob{background:rgba(253,250,244,.98);border-top-color:rgba(140,106,15,.3);box-shadow:0 -6px 22px rgba(60,48,20,.12)}
.barra-mob__txt b{color:#1e1b16}
.barra-mob__txt span{color:#6b6357}
.whats-flut{box-shadow:0 10px 28px rgba(37,211,102,.4)}