/* Odara Li Beauty Parlor — salão de beleza sofisticado (Ribeirão Preto-SP).
   Tema ESCURO chique: esmeralda profunda / verde-garrafa com acento DOURADO champagne.
   Sensação: luxo, charme, requinte. Diferente da Denise (rose gold claro): aqui é noite, ouro e veludo.
   Premium, elegante, faz a cliente querer agendar. Nada genérico, nada template de IA. */
:root{
  --bg:#0E1A16;        /* esmeralda quase preta — fundo principal (veludo escuro) */
  --bg2:#13241E;       /* verde-garrafa profundo — seção alternada */
  --bg3:#0A1310;       /* mais escuro ainda (faixas/footer) */
  --card:#15271F;      /* superfície de cartão (verde escuro acetinado) */
  --ink:#F3EEE2;       /* marfim quente — texto principal */
  --mut:#A9B7AE;       /* sálvia acinzentada — texto secundário */
  --soft:#6E7E74;      /* bem suave (rodapé Scout) */
  --grn:#1F7A5C;       /* esmeralda viva (acento secundário) */
  --grn2:#2E9B76;      /* verde claro brilho */
  --deep:#0C3A2C;      /* verde profundo (gradientes) */
  --gold:#C9A24B;      /* dourado champagne — acento quente principal */
  --gold2:#E9CE86;     /* dourado claro brilho */
  --line:rgba(233,206,134,.14);
  --ring:rgba(201,162,75,.18);
}
*{margin:0;box-sizing:border-box;font-family:'Jost',sans-serif;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);overflow-x:hidden;}
.dsp{font-family:'Cormorant Garamond','Playfair Display',serif;letter-spacing:-.005em;}
.gold{color:var(--gold);}
.grn{color:var(--grn2);}
.goldgrad{background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.grngrad{background:linear-gradient(120deg,var(--grn2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;background:rgba(201,162,75,.22);}
.btn{background:linear-gradient(135deg,var(--gold),#A9842F);color:#0E1A16;font-weight:700;box-shadow:0 16px 44px -14px rgba(201,162,75,.5);transition:transform .3s,box-shadow .3s;}
.btn:hover{transform:translateY(-2px);box-shadow:0 24px 60px -14px rgba(201,162,75,.7);}
.btn-grn{background:linear-gradient(135deg,var(--grn),var(--deep));color:#fff;font-weight:600;transition:transform .3s,box-shadow .3s;box-shadow:0 16px 44px -16px rgba(31,122,92,.6);}
.btn-grn:hover{transform:translateY(-2px);}
.btn-ghost{border:1px solid rgba(233,206,134,.28);color:var(--ink);transition:border-color .3s,background .3s,color .3s;}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold2);background:rgba(201,162,75,.08);}
.card{background:var(--card);border:1px solid var(--line);box-shadow:0 30px 60px -42px rgba(0,0,0,.7);transition:transform .4s,border-color .4s,box-shadow .4s;}
.card:hover{transform:translateY(-6px);border-color:rgba(201,162,75,.45);box-shadow:0 48px 90px -42px rgba(201,162,75,.28);}
.zoom{transition:transform 1.2s cubic-bezier(.2,.7,.2,1);} .zoomwrap:hover .zoom{transform:scale(1.07);}
.kicker{font-family:'Jost';font-weight:600;letter-spacing:.32em;text-transform:uppercase;font-size:12px;color:var(--gold);}
.kicker-grn{font-family:'Jost';font-weight:600;letter-spacing:.32em;text-transform:uppercase;font-size:12px;color:var(--grn2);}
.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--deep),var(--grn));}
.marquee-track{display:inline-flex;align-items:center;animation:scroll 40s linear infinite;}
@keyframes scroll{to{transform:translateX(-50%)}}
.mq-item{font-family:'Cormorant Garamond','Playfair Display',serif;font-weight:600;font-style:italic;font-size:40px;letter-spacing:0;padding:14px 30px;color:#F3EEE2;}
.mq-dot{width:8px;height:8px;border-radius:50%;background:var(--gold2);flex:none;}
.navwrap{background:rgba(14,26,22,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.nav-link{color:var(--mut);transition:color .3s;position:relative;}
.nav-link:hover{color:var(--ink);}
.nav-link.active{color:var(--ink);}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--gold);border-radius:2px;}
.wordmark{font-family:'Cormorant Garamond','Playfair Display',serif;font-weight:600;font-size:30px;letter-spacing:.02em;color:var(--ink);line-height:1;}
.wordmark .li{color:var(--gold);font-style:italic;}
.wordmark .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:4px;vertical-align:middle;}
.reveal{will-change:transform,opacity;}
.ic-gold{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(201,162,75,.12);border:1px solid rgba(233,206,134,.30);flex:none;}
.ic-grn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(31,122,92,.14);border:1px solid rgba(46,155,118,.32);flex:none;}
@media (max-width:640px){.mq-item{font-size:28px;padding:11px 18px}}
html.shot *{animation:none!important;}
.kenburns{animation:kb 24s ease-in-out infinite alternate;transform-origin:center;will-change:transform;}
@keyframes kb{from{transform:scale(1.03)}to{transform:scale(1.12)}}
@media (prefers-reduced-motion: reduce){.kenburns{animation:none}}
img{max-width:100%;}
.scoutc{color:var(--soft);transition:color .25s;letter-spacing:.02em;}
.scoutc span{color:var(--mut);transition:color .25s;}
.scoutc:hover,.scoutc:hover span{color:var(--gold2);}
.mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(10,19,16,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .3s,transform .3s;}
.mobile-menu.open{opacity:1;pointer-events:auto;transform:none;}
.mm-link{font-family:'Cormorant Garamond','Playfair Display',serif;font-weight:600;font-size:34px;letter-spacing:0;color:var(--ink);padding:13px 0;border-bottom:1px solid var(--line);transition:color .2s;}
.mm-link:hover,.mm-link:active{color:var(--gold2);}
#scrollcue{color:#F3EEE2;}
.badge{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--ink);box-shadow:0 12px 30px -22px rgba(0,0,0,.6);}
.step-num{font-family:'Cormorant Garamond','Playfair Display',serif;font-weight:600;font-size:19px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(201,162,75,.12);border:1px solid rgba(233,206,134,.32);color:var(--gold);flex:none;}
.divider{height:1px;background:var(--line);}
.statbig{font-family:'Cormorant Garamond','Playfair Display',serif;font-weight:600;letter-spacing:-.01em;line-height:1;background:linear-gradient(120deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gold);background:rgba(201,162,75,.12);border:1px solid rgba(233,206,134,.30);border-radius:30px;padding:5px 12px;}
.tag-grn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--grn2);background:rgba(31,122,92,.14);border:1px solid rgba(46,155,118,.30);border-radius:30px;padding:5px 12px;}
.gridline{background:var(--bg2);background-image:radial-gradient(rgba(201,162,75,.12) 1px,transparent 1px);background-size:26px 26px;}
.pricecard{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 60px -42px rgba(0,0,0,.7);transition:transform .4s,box-shadow .4s,border-color .4s;}
.pricecard:hover{transform:translateY(-5px);border-color:rgba(201,162,75,.45);box-shadow:0 48px 90px -42px rgba(201,162,75,.28);}
.pricecard.feature{border-color:rgba(201,162,75,.55);box-shadow:0 40px 80px -44px rgba(201,162,75,.4);}
.amenity{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:transform .35s,border-color .35s,box-shadow .35s;}
.amenity:hover{transform:translateY(-4px);border-color:rgba(201,162,75,.35);box-shadow:0 30px 55px -38px rgba(201,162,75,.28);}
.galcard{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 50px -38px rgba(0,0,0,.7);}
.frame{border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 36px 70px -46px rgba(0,0,0,.75);}
.quote{font-family:'Cormorant Garamond','Playfair Display',serif;font-style:italic;}