/* Tipografía común — Salva Tejero Software Company
   Titulares: Plus Jakarta Sans (500 y 800). Texto: Inter (400, 500 y 600).
   Fuentes alojadas en tu propio servidor (carpeta fuentes/), sin pedir nada a Google.
   Ajusta la ruta de url() si pones las fuentes en otra carpeta. */

@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fuentes/plus-jakarta-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url("fuentes/plus-jakarta-sans-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("fuentes/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("fuentes/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("fuentes/inter-latin-600-normal.woff2") format("woff2")}

:root{
  --font-display:"Plus Jakarta Sans",Inter,system-ui,sans-serif;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --text-xl:40px;--text-xl-alto:44px;
  --text-l:32px;--text-l-alto:36px;
  --text-m:24px;--text-m-alto:30px;
  --text-body:17px;--text-body-alto:27px;
  --text-caption:13px;--text-caption-alto:18px;
}
@media (min-width:640px){:root{--text-xl:48px;--text-xl-alto:52px;--text-l:40px;--text-l-alto:44px}}
@media (min-width:1024px){:root{--text-xl:56px;--text-xl-alto:60px}}

body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-body-alto);font-weight:400;-webkit-font-smoothing:antialiased}
strong,b{font-weight:600}

h1,h2,h3,.display-xl,.display-l,.display-m{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;margin:0}

/* Escala: móvil 40/32/24, tablet 48/40/24, escritorio 56/40/24 (variables de arriba) */
h1,.display-xl{font-size:var(--text-xl);line-height:var(--text-xl-alto)}
h2,.display-l{font-size:var(--text-l);line-height:var(--text-l-alto)}
h3,.display-m{font-size:var(--text-m);line-height:var(--text-m-alto)}
.caption,small{font-size:var(--text-caption);line-height:var(--text-caption-alto)}