/* AXIOMA Beauty — Storefront tokens (derivado del Manual de Identidad oficial) */

/* ---- Fuentes oficiales (Pangram Pangram / Gridular) ---- */
/* woff2 subset (latin+es) first · .otf fallback. NeueMachina-Regular(400) omitida: sin uso en el home. */
@font-face{font-family:"Neue Machina";src:url("../fonts/NeueMachina-Light.woff2") format("woff2"),url("../fonts/NeueMachina-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Neue Machina";src:url("../fonts/NeueMachina-Medium.woff2") format("woff2"),url("../fonts/NeueMachina-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Neue Machina";src:url("../fonts/NeueMachina-Ultrabold.woff2") format("woff2"),url("../fonts/NeueMachina-Ultrabold.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"PP Telegraf";src:url("../fonts/PPTelegraf-Ultralight.woff2") format("woff2"),url("../fonts/PPTelegraf-Ultralight.otf") format("opentype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"PP Telegraf";src:url("../fonts/PPTelegraf-Regular.woff2") format("woff2"),url("../fonts/PPTelegraf-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PP Telegraf";src:url("../fonts/PPTelegraf-Ultrabold.woff2") format("woff2"),url("../fonts/PPTelegraf-Ultrabold.otf") format("opentype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Gridular";src:url("../fonts/Gridular-Regular.woff2") format("woff2"),url("../fonts/Gridular-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}

:root{
  /* Base neutra (manual §1.3) */
  --white:#FFFFFF;
  --charcoal:#3D3935;      /* Pantone Black 7C */
  --cool-gray:#C8C9C7;     /* Pantone Cool Gray 3C */
  --paper:#FAFAF9;         /* off-white sutil para secciones */
  --line:#E7E6E3;          /* divisores finos */
  --muted:#6E6A65;         /* microcopy / disclaimers */

  /* Acento XL Lashes (X4) — Sky Blue oficial #9ADBE8 (manual §1.3, acento EXCLUSIVO) */
  --acc:#2E7E92;           /* sky-blue accesible (AA 4.6:1 sobre blanco) — texto/links/datos/títulos */
  --acc-deep:#1E5E6E;      /* sky-blue profundo — hover */
  --acc-cyan:#9ADBE8;      /* Sky Blue oficial — glow: líneas, watermark, beads, acentos sobre oscuro */
  --acc-sky:#9ADBE8;       /* alias explícito del acento de marca */
  --acc-tint:#EAF6FB;      /* lavado frío para fondos suaves */

  /* Tipografía */
  --f-display:"Neue Machina",system-ui,sans-serif;  /* titulares matemáticos */
  --f-mono:"Gridular","Neue Machina",monospace;     /* datos / labels técnicos */
  --f-body:"PP Telegraf",system-ui,sans-serif;      /* cuerpo / jerarquía */

  --maxw:1180px;
  --r:4px;                 /* radios mínimos — look ficha científica */
}

*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;background:var(--white);color:var(--charcoal);font-family:var(--f-body);font-weight:400;line-height:1.6;font-size:17px}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:800;line-height:1.02;letter-spacing:-.01em;margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible,.btn:focus-visible,.navcta:focus-visible,.sb-cta:focus-visible,.logo:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:var(--r)}
.s.dark a:focus-visible,.finalcta .btn:focus-visible,.stickybuy .sb-cta:focus-visible,.ann a:focus-visible{outline-color:var(--acc-cyan)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* Label técnico (Gridular) — recurso de ficha */
.lab{font-family:var(--f-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* Sistema X — brackets para enmarcar claims (manual §7) */
.brk{position:relative;display:inline-block;padding:0 .55em}
.brk::before,.brk::after{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--f-display);font-weight:300;color:var(--acc);opacity:.9}
.brk::before{content:"[";left:0}
.brk::after{content:"]";right:0}

/* Exponente de producto */
.exp{font-family:var(--f-display);font-weight:800}
.exp sup{font-size:.55em;vertical-align:.6em;color:var(--acc)}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:var(--r);font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s}
.btn-primary{background:var(--charcoal);color:var(--white)}
.btn-primary:hover{background:#241f1b}
.btn-secondary{background:var(--white);color:var(--charcoal);border-color:var(--charcoal)}
.btn-secondary:hover{background:var(--charcoal);color:var(--white)}
.btn img{height:18px;width:auto;display:block;background:#fff;padding:5px 8px;border-radius:4px;box-sizing:content-box}

hr{border:0;border-top:1px solid var(--line);margin:0}