/* ====================================================================
   Kenia Serrano — Tokens de marca
   Coloca las fuentes reales en /assets/fonts/ y se usarán automáticamente:
   GuessSans.woff2  (títulos)  |  Brutel.woff2 (texto)
   Mientras tanto se usan Montserrat y Mulish como respaldo.
   ==================================================================== */

@font-face {
  font-family: 'GuessSans';
  src: url('../fonts/GuessSans.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Brutel';
  src: url('../fonts/Brutel.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Marca */
  --navy:        #102862;
  --navy-700:    #102862;
  --navy-800:    #0b1a3a;
  --navy-900:    #0a1530;
  --navy-600:    #16336f;
  --navy-500:    #1b3a6b;
  --gold:        #E7A728;
  --gold-soft:   #f2c75c;
  --gold-deep:   #c98e16;
  --white:       #FFFFFF;
  --ink:         #0e1b33;
  --ink-soft:    #46546f;
  --cloud:       #f5f8fd;
  --line:        rgba(16,40,98,.10);

  /* Tipografía */
  --font-display: 'GuessSans','Montserrat','Segoe UI',Arial,sans-serif;
  --font-body:    'Brutel','Mulish','Segoe UI',Arial,sans-serif;

  /* Forma */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 34px;

  --shadow-soft: 0 10px 30px rgba(8,18,45,.10);
  --shadow-lift: 0 18px 50px rgba(8,18,45,.18);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font-body); }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}