/* Villa Eyá — shared light design system. Load after component sheets.
   HBook reference: #D0814B / #EEE / #FFF / #333 (20 October 2026).
   Legacy aliases support existing components without changing their behavior. */
:root[data-theme="light"]{
  color-scheme:light;
  --background-primary:#fff;
  --background-secondary:#f3f3f3;
  --surface-card:#fff;
  --surface-field:#eee;
  --text-primary:#282828;
  --text-secondary:#5c5c5c;
  --accent-reference:#d0814b;
  --action:#a65b2c;
  --action-text:#954b20;
  --action-hover:#86451f;
  --on-action:#fff;
  --border:#d8d8d8;
  --border-control:#888;
  --focus:#984c22;
  --overlay-photo:rgba(8,14,10,.72);
  --overlay-control:rgba(22,21,19,.78);
  --overlay-dialog:rgba(30,27,25,.48);
  --error:#a03222;
  --success:#28613e;
  --branco:var(--background-primary);
  --marfim:var(--background-secondary);
  --verde:#19352b;
  --grafite:var(--text-primary);
  --terracota:var(--accent-reference);
  --fundo:var(--background-primary);
  --texto:var(--text-primary);
  --cartao:var(--surface-card);
  --mata:var(--background-secondary);
  --linha:var(--border);
  --linha-forte:var(--border-control);
  --suave:var(--text-secondary);
  --sutil:var(--surface-field);
  --terra:var(--action-text);
  --terra-tinta:var(--on-action);
  --areia:var(--action-text);
  --tinta-2:var(--text-secondary);
}

[data-theme="light"] body{font-weight:400}
[data-theme="light"] :is(h1,h2,h3,h4){color:var(--text-primary)}
[data-theme="light"] :is(.rotulo,.marca-sub,.numero-k,.prova-citacao cite,.depoimento-card cite,.depoimento cite,.manifesto figcaption){color:var(--suave)}
[data-theme="light"] :is(.intro,.cena-texto p,.capitulo-info p,.chapada-elo-texto p){font-weight:400}
[data-theme="light"] .rotulo{letter-spacing:.22em}
[data-theme="light"] :is(.btn-primario,.btn-mata){background:var(--action);color:var(--on-action)}
[data-theme="light"] :is(.btn-primario,.btn-mata):hover{background:var(--action-hover)}
[data-theme="light"] :is(.btn-contorno,.btn-claro){color:var(--texto);border-color:var(--linha-forte)}
[data-theme="light"] :is(.btn-contorno,.btn-claro):hover{background:var(--marfim);border-color:var(--action)}
[data-theme="light"] :focus-visible{outline:2px solid var(--focus);outline-offset:4px}
[data-theme="light"] :is(input,select,button,a){scroll-margin-block:110px 24px}
[data-theme="light"] .sr-only:focus-visible{
  position:fixed;top:12px;left:20px;width:auto;height:auto;clip:auto;
  padding:12px 20px;background:#fff;color:var(--verde);z-index:110;
}

/* Always legible over moving footage, with the existing scroll transition. */
[data-theme="light"] .cabecalho{
  background:rgba(255,255,255,.95);backdrop-filter:blur(14px);
  border-bottom-color:var(--linha);
}
[data-theme="light"] .cabecalho.solido{background:rgba(255,255,255,.98)}
[data-theme="light"] .cabecalho .marca-nome{color:var(--verde)}
[data-theme="light"] .nav a{color:var(--suave);font-weight:400}
[data-theme="light"] .nav a:is(:hover,[aria-current="page"]){color:var(--action)}
[data-theme="light"] .nav a.btn{color:#fff}
[data-theme="light"] .nav a.btn:is(:hover,:focus-visible){color:var(--on-action)}
[data-theme="light"] .menu-toggle span,
[data-theme="light"] .menu-toggle span::before,
[data-theme="light"] .menu-toggle span::after{background:var(--verde)}
[data-theme="light"] .menu-aberto .menu-toggle span{background:transparent}

/* Cinematic area: preserve footage, framing, headline, CTA and dark overlay.
   The transition to white happens after the video, never over it. */
[data-theme="light"] :is(.hero,.hero-destino,.chamada){
  --texto:#fff;--suave:#eee;--mata:#0d1511;--areia:#f1bf9b;
  --linha:rgba(255,255,255,.28);--linha-forte:rgba(255,255,255,.65);
  color:#fff;background:#0d1511;
}
[data-theme="light"] :is(.hero,.hero-destino,.chamada) :is(h1,h2,h3,h4){color:#fff}
[data-theme="light"] :is(.hero,.hero-destino,.chamada) .rotulo{color:#eee}
[data-theme="light"] .hero-editorial .hero-linha{color:#f1f3f0}
[data-theme="light"] .hero-editorial .btn-primario{box-shadow:none;text-shadow:none}
[data-theme="light"] .hero-editorial .btn-primario:hover{box-shadow:none}
[data-theme="light"] :is(.hero,.hero-destino,.chamada) :focus-visible{outline-color:#fff}
[data-theme="light"] :is(.hero,.hero-destino,.chamada) :is(.btn-contorno,.btn-claro):hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff}
[data-theme="light"] .hero-destino h1 em{color:#f1bf9b}
[data-theme="light"] .hero:not(.hero-editorial) .hero-media picture{width:100%;height:100%}
[data-theme="light"] .hero-badge{color:#fff;background:var(--overlay-photo);border-color:rgba(255,255,255,.4)}
[data-theme="light"] .hero-badge-ponto{background:var(--accent-reference);box-shadow:none}

[data-theme="light"] .secao-experiencia{background:#fff}
[data-theme="light"] .secao-experiencia::before{background:var(--linha)}
[data-theme="light"] .secao-capitulos{background:var(--marfim)}
[data-theme="light"] .capitulo-card{box-shadow:0 8px 26px rgba(25,53,43,.035)}
[data-theme="light"] [data-card-galeria]{--terra:var(--terracota)}
[data-theme="light"] [data-card-galeria] :focus-visible{outline-color:#fff}
[data-theme="light"] :is(.card-galeria-nav,.card-galeria-dots,.card-galeria-contador){background:var(--overlay-control)}
[data-theme="light"] .card-galeria-nav{opacity:1}
[data-theme="light"] .card-galeria-contador{color:#fff}
[data-theme="light"] .capitulo-link-texto{color:var(--action)}
[data-theme="light"] .capitulo-card:hover{border-color:var(--linha-forte)}
[data-theme="light"] .secao-chapada{background:#fff}
[data-theme="light"] .chapada-elo{background:var(--marfim);border-color:transparent}
[data-theme="light"] .prova-citacao{background:var(--marfim);border-left-color:var(--terracota)}
[data-theme="light"] .secao-confianca{background:var(--marfim)}
[data-theme="light"] .depoimento-card{box-shadow:none}

/* Native inputs and both existing reservation dialogs. No behavior changes. */
[data-theme="light"] :is(.campo input,.campo select,.cal-gatilho){background:var(--surface-field);border-color:var(--linha-forte)}
[data-theme="light"] .campo input::-webkit-calendar-picker-indicator{filter:none}
[data-theme="light"] .campo input::placeholder{color:var(--text-secondary);opacity:1}
[data-theme="light"] :is(.campo input,.campo select):focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-color:var(--focus)}
[data-theme="light"] .disp-caixa{box-shadow:0 8px 32px rgba(25,53,43,.045)}
[data-theme="light"] .cal-painel{background:#fff;box-shadow:0 24px 70px rgba(25,53,43,.16);overscroll-behavior:contain}
[data-theme="light"] .cal-modal-overlay{background:var(--overlay-dialog)}
[data-theme="light"] :is(.cal-passado,.cal-esgotado){color:#8b918b}
[data-theme="light"] :is(.cal-ocupado,.cal-fonte){color:var(--suave)}
[data-theme="light"] .cal-carregando{background:var(--marfim)}
[data-theme="light"] .cal-spinner{border-color:var(--linha);border-top-color:var(--action)}
[data-theme="light"] :is(.cal-inicio,.cal-fim){background:var(--action);color:var(--on-action)}
[data-theme="light"] :is(.cal-inicio,.cal-fim) .cal-preco{color:#fff}
[data-theme="light"] .solicitacao{color-scheme:light;overscroll-behavior:contain;box-shadow:0 24px 70px rgba(25,53,43,.16)}
[data-theme="light"] .solicitacao::backdrop{background:var(--overlay-dialog)}
[data-theme="light"] .solicitacao [data-error]{color:var(--error)}
[data-theme="light"] .solicitacao input{border-color:var(--linha-forte)}
[data-theme="light"] .solicitacao input::placeholder{color:var(--suave);opacity:1}
[data-theme="light"] .solicitacao-ddi-dropdown{box-shadow:0 12px 32px rgba(25,53,43,.16)}
[data-theme="light"] .solicitacao-ddi-busca::placeholder{opacity:1}
[data-theme="light"] :is(.solicitacao-ddi-opcao:hover,.solicitacao-ddi-opcao.is-destacado,.solicitacao-ddi-busca-limpar){background:var(--marfim)}
[data-theme="light"] :is(.solicitacao-ddi-btn,.solicitacao-ddi-busca,.solicitacao-ddi-opcao):focus-visible{outline:2px solid var(--focus);outline-offset:-3px}

/* Closing invitation: the same night photograph beside a white editorial panel. */
[data-theme="light"] .chamada-fechamento{
  --texto:#fff;--suave:#eee;background:#080e0a;color:#fff;
}
[data-theme="light"] .chamada-fechamento :is(h2,.rotulo){color:#fff}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento{
  --texto:var(--text-primary);--suave:var(--text-secondary);background:var(--marfim);color:var(--text-primary);
}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento::after{display:none}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento h2{color:var(--text-primary)}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento .chamada-media{left:55%;opacity:1}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento .chamada-media picture{height:100%}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento .chamada-conteudo{text-align:left;padding-right:calc(45% + 48px)}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento h2{margin-inline:0}
[data-theme="light"]:has(.hero-editorial) .chamada-fechamento .chamada-conteudo p{margin-inline:0;color:var(--suave)}

/* A single intentional green surface, with independent accessible text tokens. */
[data-theme="light"] .rodape{
  --texto:#fff;--suave:#d4ded6;--terra:#dbad92;--linha:#466256;
  background:var(--verde);color:var(--suave);
}
[data-theme="light"] .rodape h4{color:var(--terra)}
[data-theme="light"] .rodape-base{color:var(--suave)}
[data-theme="light"] .rodape :focus-visible{outline-color:#fff}
[data-theme="light"] .lightbox{--texto:#fff;color:#fff;--focus:#fff}

@media(max-width:1000px){
  [data-theme="light"] .nav{background:#fff;border-bottom:1px solid var(--linha)}
}
@media(max-width:820px){
  [data-theme="light"] .nav{visibility:hidden}
  [data-theme="light"] .menu-aberto .nav{visibility:visible}
}
@media(max-width:767px){
  [data-theme="light"]:has(.hero-editorial) .chamada-fechamento .chamada-media{position:relative;inset:auto;height:260px}
  [data-theme="light"]:has(.hero-editorial) .chamada-fechamento .chamada-conteudo{padding:48px 28px 64px}
}

/* Internal editorial components: clear surfaces, quiet borders and warm actions. */
[data-theme="light"] :is(.bangalo-selo,.atracao-tag-categoria){color:#fff;background:var(--overlay-photo);border-color:rgba(255,255,255,.4)}
[data-theme="light"] .nav-experiencias-secao{background:rgba(255,255,255,.97)}
[data-theme="light"] :is(.filtro-btn,.intro-pilar-item){background:var(--background-secondary)}
[data-theme="light"] .filtro-btn:hover{background:#e7e7e7}
[data-theme="light"] :is(.filtro-btn.ativo,.roteiro-tab-btn.ativo){background:var(--action);color:var(--on-action);box-shadow:none}
[data-theme="light"] .filtro-contador{background:#e2e2e2;opacity:1}
[data-theme="light"] .filtro-btn.ativo .filtro-contador{background:var(--action-hover);color:#fff}
[data-theme="light"] .perfil-card:hover{box-shadow:0 8px 24px rgba(40,40,40,.06)}
[data-theme="light"] .perfil-card.selecionado{background:#faf3ee;box-shadow:0 0 0 1px var(--action)}
[data-theme="light"] .atracao-card:hover{box-shadow:0 10px 30px rgba(40,40,40,.06)}
[data-theme="light"] .atracao-dica-insider{background:#faf3ee;color:var(--text-secondary)}
[data-theme="light"] .atracao-dica-insider strong{color:var(--action)}
[data-theme="light"] :is(.perfil-card p,.atracao-descricao,.privativa-info p,.faq-resposta,.timeline-dia-card p){font-weight:400}
[data-theme="light"] :is(.faq-item,.roteiro-conteudo-bloco){scroll-margin-top:180px}

/* Cinema is a standalone noindex narrative. Preserve full-bleed photographic
   chapters and parallax; its editorial pauses and reservation area become light. */
[data-theme="light"] :is(.abertura,.capitulo,.panorama){
  --texto:#fff;--areia:#f1bf9b;color:#fff;
}
[data-theme="light"] :is(.abertura,.capitulo,.panorama) :is(h1,h2,h3){color:#fff}
[data-theme="light"] :is(.abertura-sub,.desca,.cap-txt,.cap-dados li,.preco small,.panorama-txt p){color:#eee}
[data-theme="light"] .numero{color:#f1bf9b}
[data-theme="light"] :is(.detalhe-bloco,.fala,.reserva){background:var(--background-primary)}
[data-theme="light"] :is(.detalhe figcaption,.fala .assina,.reserva p,.form span,.nota){color:var(--text-secondary)}
[data-theme="light"] .fala .assina{max-width:70ch;margin-inline:auto}
[data-theme="light"] .detalhe img{box-shadow:0 20px 55px -30px rgba(40,40,40,.25)}
[data-theme="light"] :is(.botao,.form button){background:var(--action);color:var(--on-action);border-color:var(--action)}
[data-theme="light"] :is(.botao,.form button):hover{background:var(--action-hover);color:var(--on-action);border-color:var(--action-hover)}
[data-theme="light"] :is(.form input,.form select){background:var(--surface-field);border-color:var(--border-control);color:var(--text-primary)}
[data-theme="light"] .form input::-webkit-calendar-picker-indicator{filter:none}
[data-theme="light"] p.rodape{background:var(--background-secondary);color:var(--text-secondary)}
[data-theme="light"] :is(.abertura,.capitulo,.panorama) :focus-visible{outline-color:#fff}

/* Shared editorial authorship, before and independent of the original footer. */
.assinatura-criacao{padding-block:40px;text-align:center;background:var(--background-primary)}
.assinatura-criacao a{
  display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;
  color:var(--text-secondary);font-size:13px;font-weight:400;letter-spacing:.035em;
  transition:color 240ms ease;
}
.assinatura-criacao a:hover{color:var(--action-text);text-decoration:underline;text-underline-offset:4px}
@media(max-width:820px){.assinatura-criacao{padding-block:28px}}