/* =====================================================================
   Sistema B · Tecnología corporativa
   Tokens estáticos (tipografía, forma, medidas). Los colores se calculan
   en PHP a partir del panel y se imprimen en línea (inc/tokens.php).
   ===================================================================== */

@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/barlow-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}

:root{
  --font-display:"Barlow",Arial,sans-serif;
  --font-text:"IBM Plex Sans",Arial,sans-serif;
  --fs-body:15.5px;
  --fs-h1:60px;
  --fs-h2:44px;
  --fs-h3:21px;
  --max:1180px;
  --gutter:28px;

  /* Forma: «redondeada» por defecto, «recta» con data-shape="square". */
  --r:6px;
  --r-lg:10px;

  /* Colores fijos que no dependen de la marca. */
  --wa:#25D366;
  --wa-hover:#1EBE5A;

  /* Sombras teñidas con el color principal. */
  --shadow:0 12px 32px rgb(var(--primary-rgb) / .10);
  --shadow-lg:0 30px 60px rgb(var(--primary-rgb) / .14);

  /* Alturas del header (las usan el sticky y el modo superpuesto). */
  --h01-h:100px;
  --h01-h-scrolled:72px;
  --h03-h:84px;
  --h03-gap:24px;
  --h03-max:1320px;
  --lmr-overlay-offset:calc(var(--h03-h) + var(--h03-gap));
  --admin-bar:var(--wp-admin--admin-bar--height,0px);
}

[data-shape="square"]{--r:0px;--r-lg:0px}

@media (max-width:960px){
  :root{--h03-h:72px;--h03-gap:16px}
}
@media (max-width:600px){
  :root{--h01-h:70px;--h01-h-scrolled:64px;--gutter:20px}
}