/* ST Relaciones Públicas — design tokens (copiados del design system v1.0) */
@font-face{font-family:'Inter';src:url('../fonts/inter-v2.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Karla';src:url('../fonts/karla-v2.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root {
  --st-petroleo:      #012C3D;
  --st-celeste:       #78BDC4;
  --st-coral:         #F8444F;
  --st-gris-claro:    #F7F8F3;
  --st-gris-oscuro:   #1C2429;
  --st-white:         #FFFFFF;
  --st-petroleo-900:  #001E2A;
  --st-petroleo-800:  #012C3D;
  --st-petroleo-700:  #073F53;
  --st-petroleo-600:  #14566D;
  --st-petroleo-500:  #2A6F88;
  --st-celeste-700:   #3F949C;
  --st-celeste-600:   #5CA8AF;
  --st-celeste-500:   #78BDC4;
  --st-celeste-300:   #A7D5DA;
  --st-celeste-100:   #DCEEF0;
  --st-coral-700:     #D32B36;
  --st-coral-600:     #E83641;
  --st-coral-500:     #F8444F;
  --st-coral-300:     #FB8990;
  --st-coral-100:     #FEE0E2;
  --st-neutral-0:     #FFFFFF;
  --st-neutral-50:    #F7F8F3;
  --st-neutral-100:   #EDEFE8;
  --st-neutral-200:   #DDE1DB;
  --st-neutral-300:   #C3C9C4;
  --st-neutral-400:   #9AA3A2;
  --st-neutral-500:   #6F7A7C;
  --st-neutral-600:   #4D5759;
  --st-neutral-700:   #333C3F;
  --st-neutral-800:   #1C2429;
  --st-neutral-900:   #0C161B;
  --st-success:       #1F8A5B;
  --st-success-bg:    #E4F3EC;
  --st-warning:       #E0A33A;
  --st-warning-bg:    #FBF1DD;
  --st-danger:        #D32B36;
  --st-danger-bg:     #FEE0E2;
  --st-info:          #2A6F88;
  --st-info-bg:       #DCEEF0;
  --surface-page:        var(--st-gris-claro);
  --surface-card:        var(--st-white);
  --surface-raised:      var(--st-white);
  --surface-sunken:      var(--st-neutral-100);
  --surface-inverse:     var(--st-petroleo);
  --surface-inverse-2:   var(--st-petroleo-700);
  --surface-accent-soft: var(--st-celeste-100);
  --text-strong:    var(--st-petroleo);
  --text-body:      var(--st-neutral-700);
  --text-muted:     var(--st-neutral-500);
  --text-subtle:    var(--st-neutral-400);
  --text-on-dark:   var(--st-white);
  --text-on-accent: var(--st-white);
  --text-link:      var(--st-coral);
  --accent-primary:   var(--st-coral);
  --accent-secondary: var(--st-celeste);
  --accent-brand:     var(--st-petroleo);
  --border-subtle:  var(--st-neutral-200);
  --border-default: var(--st-neutral-300);
  --border-strong:  var(--st-neutral-400);
  --border-inverse: rgba(255,255,255,0.16);
  --focus-ring:     var(--st-celeste);
  --st-gradient-brand: linear-gradient(120deg, var(--st-coral) 0%, var(--st-petroleo) 100%);
  --st-gradient-tech:  linear-gradient(120deg, var(--st-petroleo) 0%, var(--st-celeste) 100%);
  --st-overlay-petroleo: rgba(1,44,61,0.78);
}
:root {
  --font-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-data:    "Inter", "Karla", system-ui, sans-serif;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;
  --fs-3xs: 0.6875rem;
  --fs-2xs: 0.75rem;
  --fs-xs:  0.8125rem;
  --fs-sm:  0.875rem;
  --fs-md:  1rem;
  --fs-lg:  1.125rem;
  --fs-xl:  1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 3rem;
  --fs-5xl: 4rem;
  --lh-tight:   1.08;
  --lh-snug:    1.25;
  --lh-normal:  1.5;
  --lh-relaxed: 1.65;
  --tracking-tighter: -0.02em;
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.12em;
  --type-display:  var(--fw-bold) var(--fs-5xl)/var(--lh-tight) var(--font-display);
  --type-h1:       var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-display);
  --type-h2:       var(--fw-bold) var(--fs-3xl)/var(--lh-snug) var(--font-display);
  --type-h3:       var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --type-title:    var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-display);
  --type-body:     var(--fw-regular) var(--fs-md)/var(--lh-normal) var(--font-body);
  --type-body-strong: var(--fw-medium) var(--fs-md)/var(--lh-normal) var(--font-body);
  --type-small:    var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-body);
  --type-data:     var(--fw-regular) var(--fs-sm)/var(--lh-snug) var(--font-data);
}
:root {
  --space-0:  0;
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  2.5rem;
  --space-8:  3rem;
  --space-9:  4rem;
  --space-10: 5rem;
  --space-12: 7.5rem;
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);
  --border-thin:   1px;
  --border-medium: 1.5px;
  --border-thick:  2px;
  --shadow-xs:  0 1px 2px rgba(1,44,61,0.06);
  --shadow-sm:  0 2px 6px rgba(1,44,61,0.08);
  --shadow-md:  0 6px 18px rgba(1,44,61,0.10);
  --shadow-lg:  0 16px 40px rgba(1,44,61,0.14);
  --shadow-focus: 0 0 0 3px rgba(120,189,196,0.45);
  --shadow-coral: 0 8px 22px rgba(248,68,79,0.28);
  --container-sm: 640px;
  --container-md: 880px;
  --container-lg: 1120px;
  --container-xl: 1320px;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:   140ms;
  --dur-base:   220ms;
  --dur-slow:   360ms;
}