/* Saturnalia v3 · capa de estilo del catálogo CAFEC sobre style.css. Usa tokens.css */
:root{
  --ink:var(--sat-night);--roast:#fff;--bean:#fff;--bark:var(--sat-lavender);--stitch:var(--sat-lavender);
  --ash:var(--sat-muted);--paper:var(--sat-night);--cream:#fff;--foam:#fff;--rust:var(--sat-orange);
  --ember:var(--sat-orange);--gold:var(--sat-orange);--gold-dim:var(--sat-orange-ink);
  --card:var(--sat-mist);--card-alt:var(--sat-mist);
  --radius:var(--sat-radius-2);--radius-card:var(--sat-radius-2);--radius-pill:var(--sat-radius-2);
  --display:var(--sat-font-display);--body:var(--sat-font-body);--stamp:var(--sat-font-label);--ui:var(--sat-font-body);
  --wrap:var(--sat-wrap);
}
html,body{background:#fff;color:var(--sat-night);font-family:var(--sat-font-body)}
body{font-size:1.0625rem;line-height:1.6}
.grain,.liquid-orb{display:none!important}
*{transition:none!important}
a,.btn,.nav a,.acc-cta,.product-card,.acc-card,.plan,.gate-card,input,select,textarea{transition:color var(--sat-dur-fast) var(--sat-ease),background-color var(--sat-dur) var(--sat-ease),border-color var(--sat-dur-slow) var(--sat-ease)!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
::selection{background:var(--sat-orange);color:var(--sat-night)}
a{color:var(--sat-blue)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sat-orange);outline-offset:2px}

/* Tipos */
h1,h2,h3,.hero-brand,.brand-name{font-family:var(--sat-font-display)!important;font-weight:800!important;font-stretch:125%;letter-spacing:-.01em;line-height:1.04;font-style:normal!important;color:var(--sat-blue)}
h1{font-size:clamp(2.2rem,7vw,4.4rem)} h2{font-size:clamp(1.7rem,4.6vw,2.9rem)} h3{font-size:clamp(1.1rem,2.4vw,1.35rem)}
p,li,label,input,select,textarea{font-family:var(--sat-font-body)}
.kicker,.section-label,.stamp,.product-kicker,.acc-sku,.plan-tag,.gate-kicker,.crumb,.step-n,.util,.notes,.hero-note,figcaption,.per{
  font-family:var(--sat-font-label)!important;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem!important;font-style:normal!important;font-weight:400}
.kicker,.section-label,.product-kicker,.acc-sku,.plan-tag,.gate-kicker{color:var(--sat-orange-ink)!important}
.kicker::before,.section-label::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sat-orange);margin-right:.6em;vertical-align:1px}
.notes{color:var(--sat-muted)!important}

/* Barra util + header: banda noche */
.util{background:var(--sat-night)!important;color:var(--sat-lavender)!important;border:0!important}
.util *{color:var(--sat-lavender)!important}
.site-head,.site-head--glass{background:var(--sat-blue)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important}
.site-head .brand-name{color:#fff!important;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}
.site-head .brand-logo{border-radius:50%;background:#fff}
.nav a{color:#fff!important;font-family:var(--sat-font-body);font-weight:500;border-radius:var(--sat-radius-1)!important;background:transparent!important}
.nav a:hover,.nav a.is-active{color:#fff!important;box-shadow:inset 0 -2px 0 var(--sat-orange)}
.nav a.nav-cta{background:var(--sat-orange)!important;color:var(--sat-night)!important;font-weight:700;box-shadow:none}
.nav a.nav-cta:hover{background:#fff!important}

/* Botones */
.btn{border-radius:var(--sat-radius-2)!important;font-family:var(--sat-font-body)!important;font-weight:700!important;letter-spacing:.01em;box-shadow:none!important;transform:none!important;min-height:44px}
.btn-primary,.btn-submit{background:var(--sat-orange)!important;color:var(--sat-night)!important;border:2px solid var(--sat-orange)!important}
.btn-primary:hover,.btn-submit:hover{background:var(--sat-night)!important;color:#fff!important;border-color:var(--sat-night)!important}
.btn-outline,.btn-ghost{background:transparent!important;color:var(--sat-blue)!important;border:2px solid var(--sat-blue)!important}
.btn-outline:hover,.btn-ghost:hover{background:var(--sat-blue)!important;color:#fff!important}
.btn-wa{border-radius:var(--sat-radius-2)!important}

/* Superficies: fuera vidrio, sombras y radios grandes */
.glass,.glass-strong,.product-card,.value-tile,.acc-card,.catalog-card,.plan,.gate-card,.carta,.teaser,.story-visual,.join-panel,.hero-shot{
  background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
  border:1px solid var(--sat-lavender)!important;border-radius:var(--sat-radius-2)!important}
.product-card:hover,.acc-card:hover,.plan:hover,.gate-card:hover{border-color:var(--sat-blue)!important;transform:none!important}
section{background:transparent}
.shop-light{background:#fff!important}

/* Hero: azul con astronauta */
.hero,.hero--liquid{position:relative;overflow:hidden;background:var(--sat-blue)!important;color:#fff;padding:clamp(3rem,9vw,7rem) 0!important;min-height:0!important}
.hero::after{content:"";position:absolute;right:-12vw;top:50%;transform:translateY(-50%);width:min(72vw,640px);aspect-ratio:1;border-radius:50%;background:var(--sat-mist);z-index:0}
.hero .wrap{position:relative;z-index:1}
.hero h1,.hero .hero-brand,.hero .hero-line{color:#fff!important;font-style:normal!important}
.hero .hero-brand{display:block;text-transform:uppercase;font-size:clamp(2.4rem,9vw,5.2rem)}
.hero .hero-line{display:block;font-size:clamp(1.15rem,3vw,1.6rem)!important;margin-top:.6rem;font-weight:600!important;font-stretch:100%;line-height:1.25}
.hero .stamp{color:var(--sat-lavender)!important;background:none!important;border:0!important;padding:0!important}
.hero .notes,.hero .hero-note{color:var(--sat-orange)!important;font-weight:700}
.hero .hero-note{color:var(--sat-lavender)!important;font-weight:400}
.hero .lede{color:var(--sat-mist)!important;max-width:34rem}
.hero .btn-outline{color:#fff!important;border-color:#fff!important}
.hero .btn-outline:hover{background:#fff!important;color:var(--sat-blue)!important}
.hero-shot{background:transparent!important;border:0!important;position:relative}
.hero-shot img{display:none}
.hero-shot::before{content:"";display:block;width:100%;aspect-ratio:640/695;max-width:440px;margin:auto;background:url(astronauta.png) center/contain no-repeat}
@media (max-width:760px){.hero::after{right:-40vw;top:auto;bottom:-30vw;transform:none;width:90vw}.hero-shot::before{max-width:260px}}

/* Bandas */
.showcase{background:#fff!important;padding:clamp(3.5rem,8vw,6rem) 0!important}
.story{background:var(--sat-night)!important;color:#fff;padding:clamp(3.5rem,8vw,6rem) 0!important}
.story h2,.story p{color:#fff!important}
.story .section-label,.story .kicker{color:var(--sat-lavender)!important}
.story .section-arrow{color:var(--sat-orange)!important}
.story-visual{background:var(--sat-blue)!important;border:0!important;color:#fff}
.story-mark{font-family:var(--sat-font-display)!important;font-weight:800;font-stretch:125%;color:#fff!important;font-style:normal!important}
.story-origins{font-family:var(--sat-font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--sat-orange)!important}
.values{background:var(--sat-mist)!important;padding:clamp(3.5rem,8vw,6rem) 0!important}
.value-tile h3{color:var(--sat-blue)!important}
.join-band{background:var(--sat-blue)!important;padding:clamp(3rem,7vw,5rem) 0!important}
.join-panel{background:transparent!important;border:0!important;color:#fff}
.join-panel h2,.join-panel p{color:#fff!important}
.join-panel .kicker{color:var(--sat-lavender)!important}
.join-panel .btn-outline{color:#fff!important;border-color:#fff!important}
.section-arrow{color:var(--sat-orange-ink)!important;font-family:var(--sat-font-label);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}
.product-price .amount,.plan-price .amount,.amount{font-family:var(--sat-font-display)!important;font-weight:800;font-stretch:125%;color:var(--sat-blue)!important}
.product-card--hot,.plan-hot{border:2px solid var(--sat-orange)!important}
.product-more,.acc-cta{color:var(--sat-orange-ink)!important;font-weight:700}

/* Productos: fotos sobre blanco */
.catalog-fig,.plan-photo{background:#fff!important;border-radius:var(--sat-radius-2)!important;border-bottom:1px solid var(--sat-mist)}
.catalog-fig img,.plan-photo img{border-radius:0!important;object-fit:contain!important;background:#fff;mix-blend-mode:multiply}
.catalog-fig figcaption{color:var(--sat-muted)!important}
.catalog-block{border-top:6px solid var(--sat-blue);padding-top:2rem;margin-top:3rem}
.acc-cta{display:inline-flex;align-items:center;min-height:44px;border:2px solid var(--sat-orange);border-radius:var(--sat-radius-2);padding:0 1rem;color:var(--sat-night)!important;background:var(--sat-orange)}
.acc-cta:hover{background:var(--sat-night);border-color:var(--sat-night);color:#fff!important}

/* Formularios */
input,select,textarea{border-radius:var(--sat-radius-1)!important;border:1px solid var(--sat-lavender)!important;background:#fff!important;color:var(--sat-night)!important}

/* Footer noche + firma */
.site-foot{background:var(--sat-night)!important;color:var(--sat-lavender)!important;border:0!important}
.site-foot p,.site-foot a{color:var(--sat-lavender)!important}
.site-foot a{color:#fff!important;text-decoration-color:var(--sat-orange)}
.foot-brand{font-family:var(--sat-font-label)!important;text-transform:uppercase;letter-spacing:.08em}
.foot-tag{font-family:var(--sat-font-display)!important;font-weight:800;font-stretch:125%;font-style:normal!important;color:var(--sat-orange)!important;font-size:clamp(1.2rem,3.5vw,1.8rem)!important}
.crumb a{color:var(--sat-blue)!important}

@media (max-width:760px){.util-inner span:not(:first-child){display:none}.head-inner{flex-wrap:wrap;gap:.5rem}.nav{gap:.25rem .75rem;flex-wrap:wrap}.nav a{font-size:.9rem;padding:.4rem .5rem}}
body::before{display:none!important}
.hero .hero-brand{font-size:clamp(2rem,10vw,5.2rem)!important;overflow-wrap:anywhere}
.hero-line{font-style:normal!important}
.util-inner{justify-content:center}
.hero .hero-brand{font-size:clamp(1.9rem,8.4vw,4.2rem)!important;overflow-wrap:normal;white-space:nowrap}