/* ═══════════════════════════════════════════════════════════════
   T&A — Refresh visual 2026 (carregado depois do CSS de cada página)
   Mantém a identidade (Cormorant Garamond + Jost, paleta mar/areia/sol)
   e moderniza tons, profundidade, raios e micro-interações.
   Para reverter basta remover este <link> das páginas.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* tons afinados — mesma família, mais profundidade e calor */
  --sol:#b97a2e;
  --sol-2:#e3aa5d;
  --sol-texto:#8c5f26;
  --cal:#faf7f0;
  --areia:#f1e9da;
  --linha:rgba(29,61,74,.15);

  /* novos tokens do refresh */
  --r-s:10px; --r-m:14px; --r-l:20px;
  --sombra-1:0 1px 2px rgba(21,34,41,.06), 0 4px 12px -4px rgba(21,34,41,.10);
  --sombra-2:0 2px 4px rgba(21,34,41,.05), 0 12px 28px -12px rgba(21,34,41,.22);
  --sombra-3:0 4px 8px rgba(21,34,41,.05), 0 18px 44px -16px rgba(21,34,41,.30);
  --sombra-sol:0 6px 14px -6px rgba(185,122,46,.45), 0 14px 34px -12px rgba(185,122,46,.35);
  --ease:cubic-bezier(.2,.7,.3,1);
}

/* ── base ─────────────────────────────────────────── */
body{line-height:1.65}
::selection{background:var(--mar);color:var(--cal)}
:focus-visible{outline:2px solid var(--sol);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{text-wrap:balance}

/* ── botões: pill consistente + profundidade âmbar ── */
/* Âmbar de AÇÃO #a06b22: o tom mais claro da família que cumpre WCAG AA
   (4,54:1 com texto branco). O âmbar decorativo (--sol) continua mais vivo. */
.btn{border-radius:999px;letter-spacing:.08em;transition:transform .22s var(--ease),background .22s,color .22s,box-shadow .22s,border-color .22s}
.btn-sol{background:#a06b22;box-shadow:var(--sombra-sol)}
nav.main a.btn-sol{background:#a06b22}
.casa .cta{background:#a06b22}
.month-grid .d.start::after,.month-grid .d.end::after{background:#a06b22}
.btn-sol:hover{transform:translateY(-2px);box-shadow:0 8px 18px -6px rgba(21,34,41,.35), 0 20px 44px -14px rgba(21,34,41,.30)}
.btn-out:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.99)}
.gallery-btn{border-radius:999px}

/* ── topbar / navegação ───────────────────────────── */
nav.main a:not(.btn){background:linear-gradient(currentColor,currentColor) no-repeat left bottom/0 1.5px;
  transition:color .2s,background-size .28s var(--ease);padding-bottom:8px}
nav.main a:not(.btn):hover{background-size:100% 1.5px}

/* dropdown de línguas (mobile): a bandeira e o "PT" estavam colados dentro
   da .lf-cur (recebe o innerHTML do botão, sem separador). Damos-lhe folga. */
.lang-wrap .lf-cur{display:inline-flex;align-items:center;gap:9px}
.lang-wrap .lang-face{gap:10px;padding:5px 13px}

/* tabs (índice das casas): de sublinhado para segmento pill */
.tabs .tab{border:1px solid transparent;border-radius:999px;margin-bottom:0;padding:11px 20px}
.tabs .tab:hover{color:var(--mar);background:rgba(29,61,74,.06)}
.tabs .tab.on{color:#fff;background:var(--mar);border-color:var(--mar)}

/* Logo e título da HERO: mantêm-se como no site publicado
   (Cormorant Garamond 600 no wordmark, 500 na HERO). */

/* ── heros: vidro mais limpo ──────────────────────── */
.hero-card{border-radius:var(--r-l);border-color:rgba(252,249,244,.20)}
.scroll-hint{opacity:.9}

/* ── cartões das casas (índice) ───────────────────── */
.casa{border-radius:var(--r-m);box-shadow:var(--sombra-1)}
.casa:hover{transform:translateY(-6px);box-shadow:var(--sombra-3)}
.casa .cta{box-shadow:0 6px 16px -8px rgba(185,122,46,.55)}
/* nome da casa: peso intermédio (500) — entre o discreto original e o 600
   semibold, que ficava demasiado carregado sobre o novo cartão. */
.casa h3{font-weight:500}

/* ── secções e superfícies ────────────────────────── */
.cal-wrap{border-radius:var(--r-l);box-shadow:var(--sombra-2);border-color:rgba(29,61,74,.10)}
.cta-block{background:linear-gradient(160deg,#132b36 0%,var(--carvao) 58%,#1a2f3a 100%)}

/* ── calendário de disponibilidade ────────────────── */
.cal-nav button{width:36px;height:36px;transition:background .2s,transform .2s}
.cal-nav button:hover{transform:scale(1.06)}
.month-grid .d{height:32px;font-size:.78rem}
.month-grid .d[data-iso]:hover:not(.start):not(.end):not(.busy){background:var(--areia);border-radius:999px}
.month-grid .d.busy{background:rgba(192,57,43,.055);border-radius:8px;text-decoration-color:rgba(192,57,43,.75)}
.month-grid .d.inrange{background:rgba(185,122,46,.16)}
.month-grid .d.start::before,.month-grid .d.end::before{background:rgba(185,122,46,.16)}
.month-grid .d.start::after,.month-grid .d.end::after{box-shadow:0 3px 8px -2px rgba(185,122,46,.55)}
.month-grid .d.today:not(.start):not(.end)::after{border-width:1.6px}

/* ── FAQ / details ────────────────────────────────── */
details summary{transition:color .2s}
details summary:hover{color:var(--sol-texto)}

/* ── imagens e galeria ────────────────────────────── */
.casa-hero img.bg{will-change:transform}
figure img{border-radius:0}

/* ── rodapé ───────────────────────────────────────── */
footer{border-top:1px solid rgba(252,249,244,.06)}

/* ── acessibilidade de movimento ──────────────────── */
@media (prefers-reduced-motion:reduce){
  .btn,.casa,.cal-nav button{transition:none}
  .btn-sol:hover,.casa:hover,.btn-out:hover{transform:none}
  .casa-hero img.bg,.hero img.bg{animation:none;transform:none}
}