/* ============================================================
   Fundo da Grota — site.css
   CSS base compartilhado entre as páginas internas.
   Variáveis, fontes, topbar, nav, footer, botões e tipografia.
   ============================================================ */

@font-face{font-family:'Hurson';src:url('/assets/fonts/Hurson.otf') format('opentype');font-display:swap;}
@font-face{font-family:'VintageBrowner';src:url('/assets/fonts/VintageBrowner.otf') format('opentype');font-display:swap;}

:root{
  --tx-brown:url('/assets/textures/brown.jpg');
  --tx-sepia:url('/assets/textures/sepia.jpg');
  --tx-paper:url('/assets/textures/paperboard.jpg');
  --dark:#151412;--dark2:#1E1C19;--dark3:#272420;
  --ouro:#C1A265;--ouro-l:#D4B878;--ouro-d:#9A7E4A;
  --brasa:#7A1515;--brasa-l:#8F1C1C;
  --verde:#005850;--verde-l:#006B62;
  --creme:#E0D5C3;--creme2:#F0EBE0;
  --paper:#F5EFE3;--paper-mid:#ECE5D5;
  --ink:#2A2218;--ink2:#5A4E3A;--madeira:#846949;
  --ld:rgba(193,162,101,.2);--ll:rgba(132,105,73,.22);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Lato',sans-serif;font-weight:300;overflow-x:hidden;background:var(--dark);color:var(--creme);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:72px;transition:all .4s;}
nav.scrolled{top:0;height:64px;background:rgba(21,20,18,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--ld);}
.nav-logo{height:56px;width:auto;transition:height .3s;filter:drop-shadow(0 2px 12px rgba(0,0,0,.6));}
nav.scrolled .nav-logo{height:48px;}
.nav-links{display:flex;gap:2px;list-style:none;}
.nav-links a{color:rgba(224,213,195,.82);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:18px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;padding:8px 14px;transition:color .2s,background .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--ouro);background:rgba(193,162,101,.08);}
.nav-cta{background:var(--ouro);color:var(--dark);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:14px 28px;transition:background .2s,transform .2s;margin-left:8px;}
.nav-cta:hover{background:var(--ouro-l);transform:translateY(-1px);}

/* BOTÕES */
.btn-gold{background:var(--ouro);color:var(--dark);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:14px 32px;display:inline-flex;align-items:center;gap:10px;transition:background .2s,transform .2s;}
.btn-gold:hover{background:var(--ouro-l);transform:translateY(-1px);}
.btn-ghost-dark{border:1px solid var(--ouro);color:var(--ouro);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:14px 32px;display:inline-flex;align-items:center;gap:10px;transition:background .2s,color .2s;}
.btn-ghost-dark:hover{background:var(--ouro);color:var(--dark);}
.btn-ghost-light{border:1.5px solid rgba(42,34,24,.35);color:var(--ink);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;padding:12px 28px;display:inline-flex;align-items:center;gap:10px;transition:border-color .2s,background .2s;}
.btn-ghost-light:hover{border-color:var(--ouro-d);background:rgba(132,105,73,.08);}
.btn-wa{background:#25D366;color:#fff;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .2s;}
.btn-wa:hover{background:#1ebe5d;}

/* TIPOGRAFIA DE SEÇÃO */
.inner{max-width:1160px;margin:0 auto;}
.ey{font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:12px;}
.ey.d{color:var(--ouro);}.ey.l{color:var(--madeira);}
.stitle{font-family:'Hurson',sans-serif;font-size:clamp(32px,4vw,54px);line-height:1.07;}
.stitle.d{color:var(--creme2);}.stitle.l{color:var(--ink);}
.stitle em{font-style:italic;font-family:'Cormorant Garamond',serif;}
.stitle.d em{color:var(--ouro);}.stitle.l em{color:var(--brasa);}
.gline{display:flex;align-items:center;gap:10px;margin:16px 0 20px;}
.gline-bar{flex:0 0 40px;height:1px;}
.gline-bar.d{background:var(--ouro-d);}.gline-bar.l{background:rgba(132,105,73,.35);}
.gline-dot{width:6px;height:6px;transform:rotate(45deg);flex-shrink:0;background:var(--ouro);}
.gline-dot.l{background:var(--brasa);}
.btext{font-size:16px;line-height:1.82;max-width:640px;}
.btext.d{color:rgba(224,213,195,.7);}.btext.l{color:var(--ink2);}

/* SEÇÕES BASE */
.sec-dark{padding:80px 40px;background-color:var(--dark2);background-image:var(--tx-sepia);background-size:380px;background-blend-mode:overlay;}
.sec-light{padding:80px 40px;background-color:var(--paper);background-image:var(--tx-paper);background-size:700px;background-blend-mode:multiply;}
.sec-darkest{padding:80px 40px;background-color:var(--dark);background-image:var(--tx-brown);background-size:280px;background-blend-mode:overlay;}

/* FOOTER */
footer{padding:52px 40px 26px;background-color:#0C0B09;background-image:var(--tx-brown);background-size:280px;background-blend-mode:overlay;}
.ft-inner{max-width:1160px;margin:0 auto;}
.ft-logo{width:150px;height:auto;margin-bottom:14px;opacity:.82;}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:.5px solid rgba(193,162,101,.1);}
.ft-brand p{font-size:14px;line-height:1.75;color:rgba(224,213,195,.34);max-width:290px;}
.ft-col h4{font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ouro);margin-bottom:13px;}
.ft-col a,.ft-col p{display:block;font-size:14px;color:rgba(224,213,195,.34);text-decoration:none;margin-bottom:8px;line-height:1;transition:color .2s;}
.ft-col a:hover{color:var(--creme);}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:12px;color:rgba(224,213,195,.2);}
.ft-socials{display:flex;gap:16px;}
.ft-socials a{color:rgba(224,213,195,.26);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;transition:color .2s;}
.ft-socials a:hover{color:var(--ouro);}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:26px;right:26px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:999;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:transform .2s,box-shadow .2s;}
.wa-float:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(37,211,102,.5);}
.wa-float svg{width:27px;height:27px;fill:#fff;}

/* ANIMAÇÃO REVELAR */
.rev{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s;}
.rev.vis{opacity:1;transform:none;}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}

/* RESPONSIVO BÁSICO */
@media(max-width:880px){
  .nav-links{display:none;}
  nav{padding:0 18px;}
  .ft-top{grid-template-columns:1fr;gap:28px;}
  .sec-dark,.sec-light,.sec-darkest{padding:60px 20px;}
}
