/* ============================================================
   MIGUEL ANGEL SANTOS — Design System v2 (Editorial Cowen-MAS)
   Tras validación cruzada con agente psicológico (2026-05-25).
   Referentes: Tyler Cowen, Aeon, Letras Libres (NO Foreign Affairs/Stratechery).
   Stack: Newsreader (serif body + titulares) + Inter Tight (sans UI) +
          EB Garamond italic (display para pull-quotes).
   Paleta: blanco hueso + ocre quemado + azul Ávila + warm cream.
   ============================================================ */

/* Fonts self-hosted (Fase A.2) — Latin + Latin-ext subsets en assets/fonts/.
   Browser usa unicode-range para descargar solo los subsets que necesita.
   Generado por download-fonts.py · ~1.9 MB total (Newsreader variable es el grueso) */
/* fonts inlined from fonts.css (was @import · removed to avoid axe-core resolution bug) */
/* ============================================================
   Cowen-MAS · self-hosted fonts · Latin + Latin-Extended
   Generado por download-fonts.py — subset minimal del DS
   ============================================================ */

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/eb-garamond-400-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/eb-garamond-400-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/eb-garamond-500-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/eb-garamond-500-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-400-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-500-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-500-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-600-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-600-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-700-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/inter-tight-700-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-400-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-600-normal-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/mas-theme-v2/assets/fonts/newsreader-600-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ============================================================
   1. CSS VARIABLES — Tokens del design system
   ============================================================ */

:root {
  /* ---- Paleta Cowen-MAS ----
     Mapeo conceptual desde v1 (Foreign Affairs) → v2 (Cowen):
     primary navy → ink negro (color principal de texto y CTAs)
     accent gold  → ocre quemado (acción principal, italic de cursivas)
     bg off-white → bg blanco hueso puro
     bg-alt cream → bg-warm (secciones alternadas)
  */

  /* Paleta 2026-06-11 [CLIENTE]: blanco dominante · azul marino (2º en jerarquía)
     · rojo SOLO acentos · negro mate + gris. Fuera dorados y cremas cálidas.
     Referentes: NYT / whitehouse.gov — serio, editorial, sin marketing. */

  /* Color "primary" reinterpretado: ahora es el ink negro del texto principal y CTAs sólidos */
  --color-primary:        #1A1A1A;   /* ink mate — texto principal y bg de CTAs sólidos */
  --color-primary-hover:  #0A3161;   /* en hover, los CTAs viran al navy */
  --color-primary-light:  #F4F6F9;   /* gris frío muy claro para fondos alternados */

  /* Acento — rojo editorial (solo acentuaciones: kickers, hovers, flechas, links) */
  --color-accent:         #B31942;
  --color-accent-hover:   #8E1530;
  --color-accent-light:   rgba(179,25,66,0.06);    /* accent-soft */
  --color-accent-strong:  #8E1530;                 /* rojo oscuro para texto pequeño · AA sobre claro */

  /* Neutros */
  --color-text:           #1A1A1A;
  --color-text-secondary: #555555;   /* contraste 7.0:1 sobre blanco — AAA */
  --color-text-muted:     #6B6B6B;   /* contraste 4.8:1 sobre blanco — AA · era #888 = 3.5:1 (fail) */
  --color-text-disabled:  #A9AFB8;
  --color-bg:             #FFFFFF;   /* blanco puro — dominante */
  --color-bg-alt:         #F4F6F9;   /* gris frío claro (antes crema) */
  --color-bg-paper:       #FAFBFC;   /* superficie elevada (cards) */
  --color-bg-dark:        #141414;   /* negro mate — SOLO footer */
  --color-bg-navy:        #0A3161;   /* navy profundo — secciones destacadas (Policy Lab) */
  --color-border:         #E3E6EA;
  --color-border-light:   #EDF0F3;
  --color-border-on-dark: rgba(255,255,255,0.10);

  /* Colores semánticos */
  --color-blue:           #0A3161;   /* navy — italic editorial, display, secundario */
  --color-warm:           #A9C4E4;   /* acento frío claro sobre dark/navy (antes dorado — FUERA por cliente) */

  /* Estado */
  --color-link:           var(--color-accent);
  --color-link-hover:     var(--color-accent-hover);
  --color-error:          #A52A2A;
  --color-success:        #2A5F3F;

  /* Textos sobre fondo oscuro
     · ink-on-dark    · texto principal (AAA 18+)
     · ink-2-on-dark  · texto secundario · ratio ~10:1 sobre #141414 (AAA)
     · ink-3-on-dark  · texto terciario tenue · alpha 0.55 → ratio ~5.4:1 sobre #141414 (AA ✓ small text)
                        Era 0.40 = ratio ~3:1 (fail AA). Polish 2026-05-25 axe audit. */
  --color-ink-on-dark:    #FAFBFC;
  --color-ink-2-on-dark:  rgba(250,251,252,0.72);
  --color-ink-3-on-dark:  rgba(250,251,252,0.58);

  /* ---- Tipografía Cowen-MAS ---- */
  --font-serif:   'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans:    'Inter Tight', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'EB Garamond', 'Newsreader', Georgia, serif;

  /* Escala tipográfica · ratio 1.25 · valores del DS Cowen-MAS */
  --fs-2xs:    0.625rem;   /* 10px — labels micro */
  --fs-xs:     0.6875rem;  /* 11px — metadata, kicker */
  --fs-sm:     0.8125rem;  /* 13px — UI, captions */
  --fs-base:   1rem;       /* 16px — body */
  --fs-lg:     1.125rem;   /* 18px — body destacado, deck */
  --fs-xl:     1.375rem;   /* 22px — card title, lead */
  --fs-2xl:    1.75rem;    /* 28px — section title small */
  --fs-3xl:    2.25rem;    /* 36px — h3 */
  --fs-4xl:    3rem;       /* 48px — h2 */
  --fs-5xl:    4rem;       /* 64px — display */
  --fs-6xl:    5.25rem;    /* 84px — display monumental (hero name, footer brand) */
  --fs-display: 5.25rem;   /* alias de 6xl para hero gigante */

  /* Line heights */
  --lh-tight:    1;
  --lh-snug:     1.15;
  --lh-normal:   1.5;
  --lh-relaxed:  1.55;
  --lh-loose:    1.7;

  /* Weights */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* Tracking · letter-spacing editorial */
  --tr-display:  -0.025em;
  --tr-tight:    -0.015em;
  --tr-base:     0;
  --tr-wide:     0.05em;
  --tr-wider:    0.15em;

  /* ---- Spacing · escala 4px (Cowen-MAS usa 4 como base, no 8) ---- */
  --space-1:  0.25rem;   /* 4 */
  --space-2:  0.5rem;    /* 8 */
  --space-3:  0.75rem;   /* 12 */
  --space-4:  1rem;      /* 16 */
  --space-5:  1.25rem;   /* 20 */
  --space-6:  1.5rem;    /* 24 */
  --space-8:  2rem;      /* 32 */
  --space-10: 2.5rem;    /* 40 */
  --space-12: 3rem;      /* 48 */
  --space-16: 4rem;      /* 64 */
  --space-20: 5rem;      /* 80 */
  --space-24: 6rem;      /* 96 */
  --space-32: 8rem;      /* 128 */

  /* ---- Layout ---- */
  --content-max:    1280px;   /* contenedor general (Cowen-MAS 1280, antes 1200) */
  --content-narrow:  720px;   /* línea de lectura editorial */
  --content-wide:   1400px;   /* hero / featured */
  --grid-margin:    64px;     /* padding lateral desktop */

  /* ---- Border / Radius (Cowen-MAS minimalista — casi sin radius) ---- */
  --radius-sm:    2px;
  --radius-md:    4px;
  --radius-lg:    8px;
  --radius-pill:  9999px;
  --border-thin:   1px solid var(--color-border);
  --border-hair:   0.5px solid var(--color-border);
  --border-medium: 2px solid var(--color-border);

  /* ---- Sombras sutiles ---- */
  --shadow-sm: 0 1px 2px rgba(26, 26, 26, 0.04);
  --shadow-md: 0 4px 12px rgba(26, 26, 26, 0.06);
  --shadow-lg: 0 12px 32px rgba(26, 26, 26, 0.10);
  --shadow-xl: 0 24px 60px rgba(26, 26, 26, 0.15);

  /* ---- Transitions ---- */
  --t-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  --t-slow: 500ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Easings sueltos (para CSS animations que necesitan timing-function separado) */
  --ease:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
   2. RESET — Mínimo necesario, no destructivo
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  /* Buffer para que el sticky nav (h~60px + padding) no tape la sección
     destino al hacer click en TOC links o anchors internos. */
  scroll-padding-top: 80px;
}
body {
  margin: 0;
  font-family: var(--font-serif);   /* Cowen-MAS · body en Newsreader (no sans) */
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
img, picture, video, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--color-link); text-decoration: none; transition: color var(--t-fast); }
a:hover { color: var(--color-link-hover); }
button { font-family: inherit; cursor: pointer; }

/* ============================================================
   3. TIPOGRAFÍA — Estilo editorial
   ============================================================ */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);   /* Cowen-MAS · 400 (no 600); el peso visual lo da el tamaño */
  line-height: var(--lh-snug);
  color: var(--color-text);
  margin: 0 0 var(--space-4);
  letter-spacing: var(--tr-display);
}
/* Cursivas en titulares en azul Ávila (azul editorial) */
h1 em, h2 em, h3 em, h4 em, h5 em {
  font-style: italic;
  color: var(--color-blue);
  font-weight: var(--fw-medium);
}
h1 { font-size: clamp(var(--fs-4xl), 5vw, var(--fs-6xl)); }
h2 { font-size: clamp(var(--fs-3xl), 4vw, var(--fs-5xl)); }
h3 { font-size: clamp(var(--fs-2xl), 3vw, var(--fs-4xl)); }
h4 { font-size: var(--fs-2xl); }
h5 { font-size: var(--fs-xl); }
h6 {
  font-size: var(--fs-sm);
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: var(--fw-semibold);
  color: var(--color-text-secondary);
}

p { margin: 0 0 var(--space-4); line-height: var(--lh-relaxed); }
strong, b { font-weight: var(--fw-semibold); }

/* Eyebrow Cowen-MAS — el "— " antes lo añadimos via ::before
   color-accent-strong (#8E1530) en lugar de --color-accent para pasar AA 4.5:1
   tanto sobre blanco hueso como sobre warm cream */
.eyebrow {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wider);
  text-transform: uppercase;
  color: var(--color-accent-strong);
  margin-bottom: var(--space-3);
}
.eyebrow::before { content: ''; }
.section--dark .eyebrow { color: var(--color-warm); }
.section--dark .eyebrow::before { color: var(--color-warm); }

/* Lead — primer párrafo destacado */
.lead {
  font-family: var(--font-serif);
  font-size: clamp(var(--fs-lg), 2vw, var(--fs-xl));
  line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  font-style: italic;
}

/* Body editorial — para singles de op-eds y papers */
.body-editorial {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  line-height: var(--lh-loose);
  color: var(--color-text);
}
.body-editorial p { margin-bottom: var(--space-6); }
.body-editorial p:first-child::first-letter {
  font-size: 3.5em;
  float: left;
  line-height: 0.85;
  padding: 0.1em 0.15em 0 0;
  font-weight: var(--fw-semibold);
  color: var(--color-primary);
}

/* Pull-quote / blockquote */
blockquote {
  margin: var(--space-12) 0;
  padding: var(--space-6) 0 var(--space-6) var(--space-8);
  border-left: 3px solid var(--color-accent);
  font-family: var(--font-serif);
  font-size: var(--fs-xl);
  line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  font-style: italic;
}
blockquote cite {
  display: block;
  margin-top: var(--space-3);
  font-size: var(--fs-sm);
  font-family: var(--font-sans);
  color: var(--color-text-muted);
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* Separador editorial (asteriscos centrados) */
.divider-editorial {
  text-align: center;
  margin: var(--space-12) 0;
  font-family: var(--font-serif);
  color: var(--color-text-muted);
  letter-spacing: 1em;
}
.divider-editorial::before { content: "* * *"; }

/* ============================================================
   4. LAYOUT — Container, grid
   ============================================================ */

.container {
  width: 100%;
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 0 var(--space-6);
}
.container--wide { max-width: var(--content-wide); }
.container--narrow { max-width: var(--content-narrow); }

@media (min-width: 768px) {
  .container { padding: 0 var(--space-8); }
}

.section { padding: var(--space-16) 0; }
.section--lg { padding: var(--space-24) 0; }
.section--alt { background: var(--color-bg-alt); }
.section--paper { background: var(--color-bg-paper); }
/* Cowen-MAS · única zona dark intencional = The Policy Lab + Footer
   bg-dark (#141414) más oscuro que el ink (#1A1A1A) para dar el aire editorial */
.section--dark {
  background: var(--color-bg-dark);
  color: var(--color-ink-on-dark);
}
.section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4 { color: var(--color-ink-on-dark); }
.section--dark h1 em, .section--dark h2 em, .section--dark h3 em { color: var(--color-warm); }
.section--dark a { color: var(--color-warm); }
.section--dark a:hover { color: var(--color-ink-on-dark); }
.section--dark .eyebrow { color: var(--color-warm); }

/* ============================================================
   5. HEADER — Navegación principal
   ============================================================ */

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: var(--border-hair);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background-color: rgba(255, 255, 255, 0.88);   /* blanco hueso + opacidad para el blur */
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-4) 0;
  max-width: var(--content-max);
  margin: 0 auto;
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}

/* Logo serif sin monograma; apellido en italic NAVY (paleta [CLIENTE]: el rojo
   queda para microacentos, no para la marca) */
.site-logo {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  font-weight: var(--fw-medium);
  color: var(--color-text);
  letter-spacing: var(--tr-tight);
  text-decoration: none;
}
.site-logo em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }
/* Mantengo .site-logo__monogram por si se usa en algún template — pero sutil */
.site-logo__monogram {
  display: none;   /* Cowen-MAS no usa monograma */
}

.site-nav {
  display: flex;
  gap: var(--space-6);
  align-items: center;
}
.site-nav a {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  /* a11y target-size: hit area mínima 44×44px aunque visualmente parezca compacto */
  padding: var(--space-3) var(--space-2);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid transparent;
  transition: color var(--t-fast), border-color var(--t-fast);
}
.site-nav a:hover, .site-nav a.is-active {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}
/* (.site-nav a:hover y .is-active gestionados arriba) */

.lang-switcher {
  margin-left: var(--space-4);
  font-size: var(--fs-xs);
  color: var(--color-text-muted);
  letter-spacing: 0.08em;
}
.lang-switcher a { margin: 0 var(--space-2); }

/* ============================================================
   6. HERO — Author hero (used in home + about)
   ============================================================ */

.hero-author {
  padding: var(--space-20) 0 var(--space-16);
  background: var(--color-bg);
  border-bottom: var(--border-thin);
}

.hero-author__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-12);
  align-items: center;
}

@media (min-width: 900px) {
  .hero-author__inner {
    grid-template-columns: 0.85fr 1.15fr;
    gap: var(--space-16);
  }
}

.hero-author__photo {
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
  background: var(--color-bg-alt);
}
.hero-author__photo img { width: 100%; height: 100%; object-fit: cover; }
.hero-author__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(15, 42, 71, 0.1);
  pointer-events: none;
}

.hero-author__content {
  padding: var(--space-4) 0;
}
.hero-author__name {
  font-family: var(--font-serif);
  font-size: clamp(var(--fs-5xl), 5vw, var(--fs-6xl));
  font-weight: var(--fw-regular);   /* 400 — Cowen-MAS: el peso lo da el tamaño */
  line-height: 0.92;
  margin-bottom: var(--space-4);
  letter-spacing: var(--tr-display);
}
.hero-author__name em { font-style: italic; color: var(--color-accent); font-weight: var(--fw-medium); }
.hero-author__role {
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  color: var(--color-blue);   /* azul Ávila editorial */
  margin-bottom: var(--space-2);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tr-wide);
}
.hero-author__affiliations {
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  color: var(--color-text-muted);
  margin-bottom: var(--space-6);
  letter-spacing: 0.02em;
}
.hero-author__bio {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-8);
}
.hero-author__ctas { display: flex; gap: var(--space-4); flex-wrap: wrap; }

/* ============================================================
   7. BUTTONS
   ============================================================ */

/* Cowen-MAS · botones minimalistas, borde fino (no 2px), ink negro como primary */
.btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  padding: var(--space-3) var(--space-6);
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
  color: var(--color-ink-on-dark);
  text-decoration: none;
  transition: all var(--t-fast);
  cursor: pointer;
  border-radius: var(--radius-sm);
}
.btn:hover {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-ink-on-dark);
}
.btn--ghost {
  background: transparent;
  color: var(--color-primary);
}
.btn--ghost:hover {
  background: var(--color-primary);
  color: var(--color-ink-on-dark);
}
.btn--accent {
  background: var(--color-accent);
  border-color: var(--color-accent);
}
.btn--accent:hover {
  background: transparent;
  color: var(--color-accent);
}
.btn--sm { padding: var(--space-2) var(--space-4); font-size: var(--fs-xs); }
.btn--lg { padding: var(--space-4) var(--space-8); font-size: var(--fs-base); }

/* ============================================================
   8. CARDS — Paper, Op-ed, Media
   ============================================================ */

/* Cowen-MAS · card surface + hover ocre + lift -4px + shadow */
.card {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  padding: var(--space-8);
  transition: border-color var(--t-base),
              transform var(--t-base),
              box-shadow var(--t-base);
}
.card:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.card__meta {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-3);
}
.card__title {
  font-family: var(--font-serif);
  font-size: var(--fs-xl);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-snug);
  margin-bottom: var(--space-3);
  color: var(--color-text);
}
.card__title a { color: inherit; }
.card__title a:hover { color: var(--color-accent); }
.card__authors {
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-4);
  font-style: italic;
}
.card__abstract {
  font-family: var(--font-serif);
  font-size: var(--fs-base);
  line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-4);
}
.card__footer {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  padding-top: var(--space-4);
  border-top: var(--border-thin);
}

/* Paper card variant */
.paper-card .card__meta { color: var(--color-accent); }
.paper-card .badge--journal {
  background: var(--color-primary);
  color: var(--color-bg);
  padding: var(--space-1) var(--space-3);
  font-size: var(--fs-xs);
  letter-spacing: 0.08em;
  font-weight: var(--fw-semibold);
  text-transform: uppercase;
  display: inline-block;
  margin-right: var(--space-2);
}

/* Op-ed card variant — el "outlet" logo prominente */
.opEd-card .card__outlet {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
  border-bottom: var(--border-thin);
}
.opEd-card .card__outlet-logo {
  width: 18px;
  height: 18px;
  background: var(--color-primary);
  border-radius: 50%;
}

/* ============================================================
   9. BADGES — para metadata pequeña
   ============================================================ */

/* Cowen-MAS · badges pill (rounded full) */
.badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--fs-2xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wider);
  text-transform: uppercase;
  padding: var(--space-1) var(--space-3);
  border: 1px solid transparent;
  color: var(--color-text-secondary);
  background: var(--color-bg-alt);
  border-radius: var(--radius-pill);
  white-space: nowrap;
}
.badge--accent  { background: var(--color-accent-light); color: var(--color-accent); }
.badge--primary { background: rgba(10, 49, 97,0.10);     color: var(--color-blue); }
.badge--solid   { background: var(--color-primary);    color: var(--color-ink-on-dark); }

/* ============================================================
   10. FOOTER
   ============================================================ */

.site-footer {
  background: var(--color-bg-dark);              /* Cowen-MAS dark intencional */
  color: var(--color-ink-2-on-dark);
  padding: var(--space-20) 0 var(--space-12);
  margin-top: 0;                                  /* el bloque previo ya pone el respiro */
}
.site-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-10);
}
@media (min-width: 768px) {
  .site-footer__grid {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }
}
/* Cowen-MAS · footer col titles · ahora h3.site-footer__col-title (era h6, fix a11y heading-order) */
.site-footer__col-title {
  color: var(--color-warm);
  margin-bottom: var(--space-5);
  font-family: var(--font-sans);          /* override del h3 default que es serif */
  font-size: var(--fs-2xs);
  line-height: var(--lh-normal);
  letter-spacing: var(--tr-wider);
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
}
.site-footer a {
  color: var(--color-ink-2-on-dark);
  display: block;
  padding: var(--space-1) 0;
  font-family: var(--font-serif);
  font-size: var(--fs-sm);
  text-decoration: none;
  transition: color var(--t-fast);
}
.site-footer a:hover { color: var(--color-warm); }
.site-footer__brand {
  font-family: var(--font-serif);
  font-size: var(--fs-6xl);     /* brand monumental 84px en Cowen-MAS */
  line-height: 0.92;
  color: var(--color-ink-on-dark);
  margin-bottom: var(--space-3);
  font-weight: var(--fw-regular);
  letter-spacing: var(--tr-display);
}
.site-footer__brand em { font-style: italic; color: var(--color-warm); font-weight: var(--fw-medium); }
.site-footer__tagline {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: var(--fs-base);
  color: var(--color-ink-2-on-dark);
  margin-bottom: var(--space-6);
  line-height: var(--lh-relaxed);
}

.institutions-bar {
  display: flex;
  gap: var(--space-6);
  flex-wrap: wrap;
  align-items: center;
  padding: var(--space-6) 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin: var(--space-8) 0;
}
.institutions-bar__label {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-bg-alt);
  opacity: 0.7;
  margin-right: var(--space-4);
}
.institutions-bar__item {
  font-family: var(--font-serif);
  font-size: var(--fs-base);
  color: var(--color-bg);
  letter-spacing: 0.02em;
  font-weight: var(--fw-medium);
}

.site-footer__bottom {
  padding-top: var(--space-8);
  border-top: 1px solid rgba(255,255,255,0.1);
  text-align: center;
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  color: var(--color-bg-alt);
  opacity: 0.6;
  letter-spacing: 0.04em;
}

/* ============================================================
   11. UTILITIES
   ============================================================ */

.text-center { text-align: center; }
.text-right { text-align: right; }
.mt-0 { margin-top: 0; }
.mt-4 { margin-top: var(--space-4); }
.mt-8 { margin-top: var(--space-8); }
.mb-0 { margin-bottom: 0; }
.mb-4 { margin-bottom: var(--space-4); }
.mb-8 { margin-bottom: var(--space-8); }

.grid { display: grid; gap: var(--space-6); }
.grid--2 { grid-template-columns: 1fr; }
.grid--3 { grid-template-columns: 1fr; }
.grid--4 { grid-template-columns: 1fr; }

@media (min-width: 640px) {
  .grid--2, .grid--3, .grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .grid--3 { grid-template-columns: repeat(3, 1fr); }
  .grid--4 { grid-template-columns: repeat(4, 1fr); }
}

/* Accessibility — focus visible */
:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

/* Skip link · sr-only permanente (visualmente oculto, sigue disponible para
   lectores de pantalla). Joaqu pidió que NO se vea la barrita negra al enfocar. */
.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  top: -40px;
  left: 0;
  background: var(--color-primary);
  color: var(--color-bg);
  padding: var(--space-3);
  text-decoration: none;
  z-index: 1000;
}
/* No revelar al enfocar (decisión cliente). El enlace sigue funcionando si se activa. */
.skip-link:focus { top: -40px; }

/* Print styles (académico) */
@media print {
  .site-header, .site-footer, .site-nav,
  .mas-site-nav, .mas-site-footer { display: none; }
  body { background: white; color: black; }
  a { color: black; }
}

/* ════════════════════════════════════════════════════════════════
   12. SITE NAV global (B.11 · 2026-05-25)
   Sticky transparent + backdrop blur + 5 links + lang toggle + CTA contacto
   ════════════════════════════════════════════════════════════════ */

.mas-site-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 0.5px solid var(--color-border);
}

.mas-site-nav__inner {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: var(--space-4) var(--grid-margin);
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--space-10);
  align-items: center;
}

.mas-site-nav__brand {
  font-family: var(--font-serif);
  font-weight: var(--fw-medium);
  font-size: var(--fs-lg);
  letter-spacing: var(--tr-tight);
  color: var(--color-text);
  text-decoration: none;
  white-space: nowrap;
}
.mas-site-nav__brand em {
  font-style: italic;
  color: var(--color-blue); /* marca en navy — el rojo solo microacentos */
  font-weight: var(--fw-medium);
}

.mas-site-nav__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: var(--space-8);
  justify-content: center;
}
.mas-site-nav__links a {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: var(--space-2) 0;
  border-bottom: 1px solid transparent;
  transition: color var(--t-fast), border-color var(--t-fast);
  /* a11y target-size: vertical padding compensa para llegar a 44px */
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.mas-site-nav__links a:hover,
.mas-site-nav__links a.is-active,
.mas-site-nav__links a[aria-current="page"] {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

.mas-site-nav__right {
  display: flex;
  align-items: center;
  gap: var(--space-5);
}
.mas-site-nav__search {
  background: none;
  border: none;
  color: var(--color-text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: var(--space-2);
  transition: color var(--t-fast);
  min-width: 44px;
  min-height: 44px;
  justify-content: center;
}
.mas-site-nav__search:hover { color: var(--color-accent); }
.mas-site-nav__search:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.mas-site-nav__lang {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  letter-spacing: var(--tr-wide);
}
.mas-site-nav__lang a,
.mas-site-nav__lang button {
  background: none;
  border: none;
  font: inherit;
  color: var(--color-text-muted);
  cursor: pointer;
  padding: var(--space-2);
  min-height: 44px;
  text-decoration: none;
  transition: color var(--t-fast);
}
.mas-site-nav__lang .is-active,
.mas-site-nav__lang [aria-current="true"] {
  color: var(--color-text);
  font-weight: var(--fw-semibold);
}
.mas-site-nav__lang a:hover,
.mas-site-nav__lang button:hover { color: var(--color-accent); }
.mas-site-nav__lang-sep { color: var(--color-border); pointer-events: none; }

.mas-site-nav__cta {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  background: var(--color-text);
  color: var(--color-ink-on-dark);
  border: 1px solid var(--color-text);
  text-decoration: none;
  border-radius: var(--radius-sm);
  transition: background var(--t-fast), border-color var(--t-fast);
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}
.mas-site-nav__cta:hover {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-ink-on-dark);   /* fija la letra clara · evita el a:hover global que la volvía naranja sobre naranja */
}
/* Buscador del nav sin funcionalidad (no hay overlay) → oculto hasta implementarlo. */
.mas-site-nav__search { display: none; }
/* En móvil ocultamos el cluster derecho para que el botón Contacto no caiga
   descuadrado en su propia fila. (Contacto sigue accesible desde el footer.) */
@media (max-width: 1023px) { .mas-site-nav__right { display: none; } }

/* Hamburger mobile (CSS oculto desktop) */
.mas-site-nav__toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-2);
  color: var(--color-text);
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}
.mas-site-nav__toggle:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
.mas-site-nav__toggle-icon,
.mas-site-nav__toggle-icon::before,
.mas-site-nav__toggle-icon::after {
  display: block;
  width: 22px;
  height: 1.5px;
  background: currentColor;
  transition: transform var(--t-fast), opacity var(--t-fast), top var(--t-fast);
  position: relative;
}
.mas-site-nav__toggle-icon::before,
.mas-site-nav__toggle-icon::after {
  content: '';
  position: absolute;
  left: 0;
}
.mas-site-nav__toggle-icon::before { top: -7px; }
.mas-site-nav__toggle-icon::after  { top: 7px; }
.mas-site-nav.is-open .mas-site-nav__toggle-icon { background: transparent; }
.mas-site-nav.is-open .mas-site-nav__toggle-icon::before {
  top: 0; transform: rotate(45deg);
}
.mas-site-nav.is-open .mas-site-nav__toggle-icon::after {
  top: 0; transform: rotate(-45deg);
}

@media (max-width: 1023px) {
  .mas-site-nav__inner {
    grid-template-columns: 1fr auto;
    padding-left: var(--space-6);
    padding-right: var(--space-6);
    gap: var(--space-4);
  }
  .mas-site-nav__toggle { display: inline-flex; }
  .mas-site-nav__links {
    grid-column: 1 / -1;
    grid-row: 2;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--t-base);
    border-top: 0.5px solid transparent;
  }
  .mas-site-nav.is-open .mas-site-nav__links {
    max-height: 480px;
    border-top-color: var(--color-border);
    padding: var(--space-3) 0;
  }
  .mas-site-nav__links a {
    padding: var(--space-3) 0;
    width: 100%;
    justify-content: flex-start;
    border-bottom: 0.5px solid var(--color-border-light);
  }
  .mas-site-nav__right {
    grid-column: auto;
    gap: var(--space-3);
  }
  .mas-site-nav__search { display: none; }
  .mas-site-nav__lang { display: none; }
}

/* ════════════════════════════════════════════════════════════════
   13. SITE FOOTER global (B.11 · 2026-05-25)
   Brand monumental 84px + 4 ciudades + 4-col grid + bottom legal/social
   ════════════════════════════════════════════════════════════════ */

.mas-site-footer {
  background: var(--color-bg-dark);
  color: var(--color-ink-on-dark);
  padding: var(--space-20) 0 var(--space-12);
  margin-top: 0;
}

.mas-site-footer__inner {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 0 var(--grid-margin);
}

/* ─── top: brand monumental + ciudades ─── */
.mas-site-footer__top {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: var(--space-16);
  align-items: end;
  padding-bottom: var(--space-12);
  border-bottom: 0.5px solid var(--color-border-on-dark);
  margin-bottom: var(--space-12);
}

.mas-site-footer__brand {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  font-size: var(--fs-6xl);
  line-height: 0.92;
  letter-spacing: var(--tr-display);
  margin: 0;
  color: var(--color-ink-on-dark);
}
.mas-site-footer__brand em {
  font-style: italic;
  color: var(--color-warm);
  font-weight: var(--fw-medium);
}

.mas-site-footer__cities {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  letter-spacing: var(--tr-wider);
  color: var(--color-warm);
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
  text-align: right;
  padding-bottom: var(--space-3);
}
.mas-site-footer__cities .sep {
  color: var(--color-border-on-dark);
  margin: 0 var(--space-2);
}

/* ─── mid: 4 cols ─── */
.mas-site-footer__cols {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: var(--space-12);
  margin-bottom: var(--space-12);
}

/* col 1 · newsletter inline */
.mas-site-footer__newsletter h3 {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  font-style: italic;
  font-size: var(--fs-2xl);
  line-height: var(--lh-snug);
  letter-spacing: var(--tr-tight);
  margin: 0 0 var(--space-3);
  color: var(--color-ink-on-dark);
}
.mas-site-footer__newsletter h3 em {
  color: var(--color-warm);
  font-style: italic;
}
.mas-site-footer__newsletter p {
  font-family: var(--font-serif);
  font-size: var(--fs-sm);
  color: var(--color-ink-2-on-dark);
  line-height: var(--lh-relaxed);
  margin: 0 0 var(--space-4);
  max-width: 320px;
}
.mas-site-footer__form {
  display: flex;
  gap: var(--space-1);
}
.mas-site-footer__form input {
  flex: 1;
  padding: var(--space-3) var(--space-4);
  background: transparent;
  border: 1px solid var(--color-border-on-dark);
  color: var(--color-ink-on-dark);
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  outline: none;
  transition: border-color var(--t-fast);
  min-height: 44px;
}
.mas-site-footer__form input:focus { border-color: var(--color-warm); }
.mas-site-footer__form input::placeholder { color: var(--color-ink-3-on-dark); }
.mas-site-footer__form button {
  padding: var(--space-3) var(--space-5);
  background: var(--color-warm);
  color: var(--color-bg-dark);
  border: 1px solid var(--color-warm);
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast);
  min-height: 44px;
}
.mas-site-footer__form button:hover {
  background: transparent;
  color: var(--color-warm);
}
.mas-site-footer__newsletter .note {
  font-family: var(--font-sans);
  font-size: var(--fs-2xs);
  color: var(--color-ink-3-on-dark);
  letter-spacing: var(--tr-wide);
  margin-top: var(--space-3);
}
.mas-site-footer__newsletter .note .sub { color: var(--color-warm); }

/* cols 2-4 · link lists */
.mas-site-footer__col h4 {
  font-family: var(--font-sans);
  font-size: var(--fs-2xs);
  letter-spacing: var(--tr-wider);
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
  color: var(--color-warm);
  margin: 0 0 var(--space-5);
}
.mas-site-footer__col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.mas-site-footer__col a {
  font-family: var(--font-serif);
  font-size: var(--fs-sm);
  color: var(--color-ink-2-on-dark);
  text-decoration: none;
  transition: color var(--t-fast);
}
.mas-site-footer__col a:hover { color: var(--color-warm); }
.mas-site-footer__col a em { font-style: italic; }

/* ─── bottom: legal + social ─── */
.mas-site-footer__bottom {
  padding-top: var(--space-8);
  border-top: 0.5px solid var(--color-border-on-dark);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-6);
  flex-wrap: wrap;
}
.mas-site-footer__legal {
  font-family: var(--font-sans);
  font-size: var(--fs-2xs);
  color: var(--color-ink-3-on-dark);
  letter-spacing: var(--tr-wide);
}
.mas-site-footer__legal a {
  color: var(--color-ink-2-on-dark);
  text-decoration: none;
  border-bottom: 0.5px solid var(--color-border-on-dark);
  padding-bottom: 1px;
  margin: 0 var(--space-2);
  transition: color var(--t-fast), border-color var(--t-fast);
}
.mas-site-footer__legal a:hover {
  color: var(--color-warm);
  border-color: var(--color-warm);
}

.mas-site-footer__social {
  display: flex;
  gap: var(--space-4);
  align-items: center;
}
.mas-site-footer__social a {
  font-family: var(--font-sans);
  font-size: var(--fs-2xs);
  color: var(--color-ink-2-on-dark);
  text-decoration: none;
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
  transition: color var(--t-fast);
}
.mas-site-footer__social a:hover { color: var(--color-warm); }
.mas-site-footer__social .sep { color: var(--color-border-on-dark); }

@media (max-width: 1023px) {
  .mas-site-footer__inner {
    padding: 0 var(--space-8);
  }
  .mas-site-footer__top {
    grid-template-columns: 1fr;
    gap: var(--space-6);
    align-items: start;
  }
  .mas-site-footer__cities { text-align: left; padding-bottom: 0; }
  .mas-site-footer__brand { font-size: var(--fs-5xl); }
  .mas-site-footer__cols {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-10);
  }
}

@media (max-width: 767px) {
  .mas-site-footer { padding: var(--space-16) 0 var(--space-10); }
  .mas-site-footer__inner { padding: 0 var(--space-5); }
  .mas-site-footer__brand { font-size: var(--fs-4xl); }
  .mas-site-footer__cols {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  .mas-site-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
  }
  .mas-site-footer__form { flex-direction: column; gap: var(--space-2); }
  .mas-site-footer__cities .sep:nth-of-type(2),
  .mas-site-footer__cities .sep:nth-of-type(3) {
    /* mantener separadores en mobile */
  }
}

@media (prefers-reduced-motion: reduce) {
  .mas-site-nav__links,
  .mas-site-nav__toggle-icon,
  .mas-site-nav__toggle-icon::before,
  .mas-site-nav__toggle-icon::after,
  .mas-site-footer__form input,
  .mas-site-footer__form button,
  .mas-site-footer__col a,
  .mas-site-footer__legal a,
  .mas-site-footer__social a {
    transition: none;
  }
}

/* ════════════════════════════════════════════════════════════════
   14. PAPER SINGLE template (C.3 · 2026-05-25)
   Long-form 3-col · TOC sticky / body / figure sticky
   + BibTeX cite · co-authors · related
   ════════════════════════════════════════════════════════════════ */

/* breadcrumb */
.mas-paper-crumb {
  padding: var(--space-6) var(--grid-margin) var(--space-3);
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
  max-width: var(--content-max); margin: 0 auto;
}
.mas-paper-crumb a {
  color: inherit; text-decoration: none;
  border-bottom: 0.5px solid var(--color-border);
  padding-bottom: 1px;
}
.mas-paper-crumb a:hover { color: var(--color-accent); border-color: var(--color-accent); }
.mas-paper-crumb .sep { color: var(--color-border); margin: 0 var(--space-3); }
.mas-paper-crumb .current { color: var(--color-text); }

/* hero */
.mas-paper-hero {
  padding: var(--space-10) var(--grid-margin) var(--space-12);
  border-bottom: 0.5px solid var(--color-border);
  max-width: var(--content-max); margin: 0 auto;
}
.mas-paper-badges {
  display: flex; gap: var(--space-2); align-items: center;
  margin-bottom: var(--space-6); flex-wrap: wrap;
}
.mas-paper-badge {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  font-weight: var(--fw-semibold); letter-spacing: var(--tr-wider);
  text-transform: uppercase;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--color-text); color: var(--color-ink-on-dark);
  white-space: nowrap;
}
.mas-paper-badge--topic { background: rgba(179, 25, 66,0.10); color: var(--color-accent); }
.mas-paper-badge--year  { background: transparent; color: var(--color-text-muted); border: 0.5px solid var(--color-border); }

.mas-paper-title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-5xl); line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
  margin: 0 0 var(--space-6);
  max-width: 1000px; color: var(--color-text);
}
.mas-paper-title em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }

.mas-paper-authors {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-xl);
  color: var(--color-text-secondary);
  margin: 0 0 var(--space-8);
}
.mas-paper-authors a {
  color: var(--color-text); text-decoration: none;
  border-bottom: 1px solid var(--color-accent);
  padding-bottom: 1px; font-style: normal;
}
.mas-paper-authors a:hover { color: var(--color-accent); }
.mas-paper-authors .sep { color: var(--color-text-disabled); margin: 0 var(--space-2); font-style: normal; }

.mas-paper-meta-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--space-8);
  padding: var(--space-6) 0;
  border-top: 0.5px solid var(--color-border);
  border-bottom: 0.5px solid var(--color-border);
  margin-bottom: var(--space-8);
}
.mas-paper-meta-item .lbl {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin-bottom: var(--space-2);
}
.mas-paper-meta-item .val {
  font-family: var(--font-serif); font-size: var(--fs-base);
  color: var(--color-text); font-variant-numeric: tabular-nums;
}
.mas-paper-meta-item .val em { font-style: italic; color: var(--color-blue); }
.mas-paper-meta-item .val a {
  color: var(--color-accent); text-decoration: none;
  border-bottom: 0.5px solid var(--color-accent); padding-bottom: 1px;
}

.mas-paper-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }
.mas-paper-action {
  display: inline-flex; align-items: center; gap: var(--space-2);
  font-family: var(--font-sans); font-size: var(--fs-sm);
  font-weight: var(--fw-semibold); letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  text-decoration: none;
  padding: var(--space-3) var(--space-5);
  border: 1px solid var(--color-text);
  background: transparent; color: var(--color-text);
  cursor: pointer; min-height: 44px;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
.mas-paper-action--primary { background: var(--color-text); color: var(--color-ink-on-dark); }
.mas-paper-action--primary:hover { background: var(--color-accent); border-color: var(--color-accent); }
.mas-paper-action:hover { background: var(--color-text); color: var(--color-ink-on-dark); }
.mas-paper-action svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 1.5; fill: none; }

/* layout · 2-col por defecto (TOC + body ancho) · 3-col solo si hay figura */
.mas-paper-body-wrap {
  max-width: 1080px; margin: 0 auto;
  padding: var(--space-12) var(--grid-margin) var(--space-16);
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: var(--space-12);
  align-items: start;
}
.mas-paper-body-wrap.has-figure {
  max-width: var(--content-max);
  grid-template-columns: 200px minmax(0, 1fr) 320px;
}
.mas-paper-body-wrap.no-figure .mas-paper-figure { display: none; }

/* body content más respirable */
.mas-paper-content {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  line-height: 1.65;
  color: var(--color-text);
}
.mas-paper-content p { margin: 0 0 var(--space-5); }
.mas-paper-content h2 {
  font-family: var(--font-serif); font-size: var(--fs-2xl);
  font-weight: 400; line-height: 1.2;
  margin: var(--space-10) 0 var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-rule);
}
.mas-paper-content h3 {
  font-family: var(--font-serif); font-size: var(--fs-xl);
  font-weight: 500; line-height: 1.25;
  margin: var(--space-8) 0 var(--space-3);
}
.mas-paper-content blockquote {
  margin: var(--space-6) 0;
  padding: var(--space-3) var(--space-6);
  border-left: 3px solid var(--color-accent);
  font-style: italic;
  color: var(--color-text-muted);
}
.mas-paper-content ul, .mas-paper-content ol {
  padding-left: var(--space-6); margin: 0 0 var(--space-5);
}
.mas-paper-content li { margin-bottom: var(--space-2); }

/* ── Overflow horizontal en singles (papers + op-eds) ──
   Causa raíz: en grid/flex un track `1fr` crece hasta el min-content del hijo;
   párrafos con URLs o texto largo sin espacios (referencias) fuerzan ~1064px y
   revientan la columna en móvil. Fix canónico: permitir que los items encojan
   (min-width:0) y que el texto largo parta de línea. */
.mas-paper-body-wrap > *,
.mas-oped-body-wrap > * { min-width: 0; }

.mas-paper-content,
.mas-oped-body {
  overflow-wrap: break-word;
  word-break: break-word;
}
.mas-paper-content a,
.mas-oped-body a { overflow-wrap: anywhere; }

/* Contenido ancho (tablas/imágenes/pre) no debe romper el layout:
   tablas con muchas columnas hacen scroll dentro de su caja (móvil). */
.mas-paper-content table,
.mas-oped-body table {
  display: block;
  width: max-content;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.mas-paper-content img,
.mas-paper-content pre,
.mas-oped-body img,
.mas-oped-body pre {
  max-width: 100%;
  height: auto;
}
.mas-paper-content pre,
.mas-oped-body pre { overflow-x: auto; }

/* TOC */
.mas-paper-toc {
  position: sticky; top: var(--space-6);
  padding-top: var(--space-3);
}
.mas-paper-toc__kicker {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-5);
  padding-bottom: var(--space-3);
  border-bottom: 0.5px solid var(--color-accent);
}
.mas-paper-toc__list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: var(--space-2);
}
.mas-paper-toc__list a {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-secondary); text-decoration: none;
  letter-spacing: var(--tr-wide);
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
  border-left: 1px solid var(--color-border);
  transition: color var(--t-fast), border-color var(--t-fast);
  display: block;
}
.mas-paper-toc__list a:hover,
.mas-paper-toc__list a.is-active {
  color: var(--color-accent); border-color: var(--color-accent);
}
.mas-paper-toc__list .num {
  color: var(--color-text-muted); font-variant-numeric: tabular-nums;
  margin-right: var(--space-2);
}

/* body editorial */
.mas-paper-body { max-width: 720px; }

.mas-paper-abstract {
  background: var(--color-bg-alt);
  padding: var(--space-8);
  border-left: 3px solid var(--color-accent);
  margin-bottom: var(--space-12);
}
.mas-paper-abstract h3 {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
}
.mas-paper-abstract p {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-lg); line-height: var(--lh-loose);
  color: var(--color-text); margin: 0;
}
.mas-paper-abstract p em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }

.mas-paper-body h2 {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-3xl); line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
  margin: var(--space-16) 0 var(--space-5);
  color: var(--color-text);
  scroll-margin-top: var(--space-6);
}
.mas-paper-body h2 em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }

.mas-paper-body p {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  line-height: var(--lh-loose); color: var(--color-text);
  margin: 0 0 var(--space-5);
}
.mas-paper-body p em { font-style: italic; color: var(--color-blue); }

.mas-paper-body p.lede::first-letter,
.mas-paper-body h2 + p::first-letter {
  font-family: var(--font-display); font-style: italic; font-weight: var(--fw-medium);
  font-size: 84px; line-height: 0.85;
  float: left; padding: 8px 14px 0 0;
  color: var(--color-accent);
}

.mas-paper-body sup.mas-fn {
  font-family: var(--font-sans); font-size: 10px;
  color: var(--color-accent); cursor: pointer;
  vertical-align: super; margin-left: 2px;
}
.mas-paper-body sup.mas-fn:hover { background: rgba(179, 25, 66,0.10); }

.mas-paper-body blockquote {
  margin: var(--space-8) 0;
  padding-left: var(--space-6);
  border-left: 2px solid var(--color-accent);
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-xl); line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
}
.mas-paper-body blockquote cite {
  display: block;
  margin-top: var(--space-3);
  font-family: var(--font-sans); font-size: var(--fs-xs);
  font-style: normal;
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}

/* figure sticky */
.mas-paper-figure {
  position: sticky; top: var(--space-6);
}
.mas-paper-figure__frame {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  padding: var(--space-6);
}
.mas-paper-figure__kicker {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
  display: flex; justify-content: space-between; align-items: baseline;
}
.mas-paper-figure__num strong { color: var(--color-text); font-weight: var(--fw-semibold); }
.mas-paper-figure__svg { width: 100%; height: 220px; margin-bottom: var(--space-3); }
.mas-paper-figure__cap {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-xs); line-height: var(--lh-relaxed);
  color: var(--color-text-muted); margin: 0;
}
.mas-paper-figure__cap em { font-style: italic; color: var(--color-text); }

/* cite-as · BibTeX */
.mas-paper-cite-as {
  max-width: var(--content-max); margin: 0 auto;
  padding: var(--space-12) var(--grid-margin);
  border-top: 0.5px solid var(--color-border);
}
.mas-paper-cite-as__inner { max-width: 900px; }
.mas-paper-cite-as__kicker {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
}
.mas-paper-cite-as__kicker::before { content: ''; }
.mas-paper-cite-as h3 {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-2xl); letter-spacing: var(--tr-display);
  margin: 0 0 var(--space-5);
}
.mas-paper-cite-as h3 em { font-style: italic; color: var(--color-blue); }
.mas-paper-cite-box {
  background: var(--color-bg-alt);
  padding: var(--space-5);
  font-family: 'SF Mono', Consolas, monospace;
  font-size: var(--fs-sm); line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  position: relative;
  border-left: 2px solid var(--color-accent);
}
.mas-paper-cite-box pre { margin: 0; white-space: pre-wrap; font: inherit; }

/* co-authors */
.mas-paper-coauthors {
  background: var(--color-bg-alt);
  padding: var(--space-12) 0;
}
.mas-paper-coauthors__inner {
  max-width: var(--content-max); margin: 0 auto;
  padding: 0 var(--grid-margin);
}
.mas-paper-coauthors__kicker {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-5);
  text-align: center;
}
.mas-paper-coauthors__kicker::before { content: ''; }
.mas-paper-coauthors__kicker::after { content: ' —'; }
.mas-paper-coauthors__list {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: var(--space-6);
  max-width: 900px; margin: 0 auto;
}
.mas-paper-coauthor {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  padding: var(--space-6);
  display: grid; grid-template-columns: 64px 1fr;
  gap: var(--space-5);
  align-items: center;
  text-decoration: none; color: inherit;
}
.mas-paper-coauthor__avatar {
  width: 64px; height: 64px; border-radius: 50%;
  background: linear-gradient(135deg, var(--color-blue), var(--color-accent));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-weight: var(--fw-medium);
  font-size: var(--fs-xl); color: var(--color-ink-on-dark);
}
.mas-paper-coauthor__name {
  font-family: var(--font-serif); font-weight: var(--fw-medium);
  font-size: var(--fs-lg); margin: 0 0 var(--space-1);
}
.mas-paper-coauthor__aff {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
  margin: 0;
}

/* related */
.mas-paper-related {
  max-width: var(--content-max); margin: 0 auto;
  padding: var(--space-16) var(--grid-margin);
  border-top: 0.5px solid var(--color-border);
}
.mas-paper-related__head {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-4);
  border-bottom: 0.5px solid var(--color-border);
  flex-wrap: wrap; gap: var(--space-3);
}
.mas-paper-related__title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-3xl); letter-spacing: var(--tr-display);
  margin: 0;
}
.mas-paper-related__title em { font-style: italic; color: var(--color-blue); }
.mas-paper-related__meta {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}
.mas-paper-related__grid {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: var(--space-5); align-items: stretch;
}
.mas-paper-related__grid > li { display: flex; }
.mas-paper-related__card {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  padding: var(--space-6);
  text-decoration: none; color: inherit;
  display: flex; flex-direction: column;
  gap: var(--space-3); width: 100%;
  transition: border-color var(--t-fast), transform var(--t-base);
}
.mas-paper-related__card:hover { border-color: var(--color-accent); transform: translateY(-3px); }
.mas-paper-related__card-kicker {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
}
.mas-paper-related__card-title {
  font-family: var(--font-serif); font-weight: var(--fw-medium);
  font-size: var(--fs-lg); line-height: var(--lh-snug);
  letter-spacing: var(--tr-tight);
  margin: 0; flex: 1;
}
.mas-paper-related__card-title em { font-style: italic; color: var(--color-blue); }
.mas-paper-related__card-meta {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}
.mas-paper-related__card-meta strong { color: var(--color-text); font-weight: var(--fw-semibold); }

@media (max-width: 1023px) {
  .mas-paper-meta-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-5);
  }
  .mas-paper-body-wrap {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  .mas-paper-toc { position: relative; top: 0; }
  .mas-paper-figure { position: relative; top: 0; }
  .mas-paper-coauthors__list { grid-template-columns: 1fr; }
  .mas-paper-related__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .mas-paper-crumb,
  .mas-paper-hero,
  .mas-paper-body-wrap,
  .mas-paper-cite-as,
  .mas-paper-coauthors__inner,
  .mas-paper-related {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .mas-paper-title { font-size: var(--fs-3xl); }
  .mas-paper-meta-grid { grid-template-columns: 1fr 1fr; }
  .mas-paper-actions { flex-direction: column; align-items: stretch; }
  .mas-paper-action { justify-content: center; }
  .mas-paper-related__grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .mas-paper-action,
  .mas-paper-related__card { transition: none; }
  .mas-paper-related__card:hover { transform: none; }
}

/* ════════════════════════════════════════════════════════════════
   15. OP-ED SINGLE template (C.4 · 2026-05-25)
   Editorial long-form · hero centrado · share sticky · drop cap 100px
   · pull-quote · reading progress · 3 related
   ════════════════════════════════════════════════════════════════ */

.mas-oped-crumb {
  padding: var(--space-6) var(--grid-margin) var(--space-3);
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
  max-width: var(--content-max); margin: 0 auto;
}
.mas-oped-crumb a {
  color: inherit; text-decoration: none;
  border-bottom: 0.5px solid var(--color-border);
  padding-bottom: 1px;
}
.mas-oped-crumb a:hover { color: var(--color-accent); border-color: var(--color-accent); }
.mas-oped-crumb .sep { color: var(--color-border); margin: 0 var(--space-3); }
.mas-oped-crumb .current { color: var(--color-text); }

/* hero centrado editorial */
.mas-oped-hero {
  max-width: 880px; margin: 0 auto;
  padding: var(--space-10) var(--grid-margin) var(--space-12);
  text-align: center;
}
.mas-oped-tags {
  display: flex; justify-content: center; gap: var(--space-3);
  margin-bottom: var(--space-6);
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  letter-spacing: var(--tr-wider); text-transform: uppercase;
  font-weight: var(--fw-semibold);
  flex-wrap: wrap;
}
.mas-oped-tags__medium {
  color: var(--color-accent-strong);
  display: inline-flex; align-items: center; gap: var(--space-2);
}
.mas-oped-tags__medium::before,
.mas-oped-tags__medium::after {
  content: ''; width: 24px; height: 0.5px; background: var(--color-accent);
}
.mas-oped-tags__topic { color: var(--color-text-muted); }
.mas-oped-tags .sep { color: var(--color-border); font-weight: var(--fw-regular); letter-spacing: var(--tr-base); }

.mas-oped-title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-5xl); line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
  margin: 0 0 var(--space-6);
  color: var(--color-text);
}
.mas-oped-title em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }

.mas-oped-deck {
  font-family: var(--font-serif); font-style: italic; font-weight: var(--fw-regular);
  font-size: var(--fs-xl); line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  margin: 0 auto var(--space-10);
  max-width: 680px;
}
.mas-oped-deck em { font-style: italic; color: var(--color-blue); }

.mas-oped-byline {
  display: flex; justify-content: center; align-items: center;
  gap: var(--space-5);
  padding: var(--space-5) 0;
  border-top: 0.5px solid var(--color-border);
  border-bottom: 0.5px solid var(--color-border);
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
  flex-wrap: wrap;
}
.mas-oped-byline__author {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-base);
  color: var(--color-text); letter-spacing: var(--tr-base);
}
.mas-oped-byline__author a {
  color: inherit; text-decoration: none;
  border-bottom: 1px solid var(--color-accent);
  padding-bottom: 1px;
}
.mas-oped-byline .sep { color: var(--color-border); }
.mas-oped-byline__when strong { color: var(--color-text); }

/* featured image full-bleed */
.mas-oped-featured {
  margin: var(--space-12) auto;
  max-width: 1160px;
  aspect-ratio: 21 / 9;
  background-size: cover; background-position: center;
  background-color: var(--color-bg-alt);
  filter: grayscale(100%) sepia(0.15) contrast(1.04);
  position: relative;
}
.mas-oped-featured__cap {
  position: absolute;
  bottom: var(--space-3); left: var(--space-5);
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-xs);
  color: rgba(250, 251, 252,0.85);
  text-shadow: 0 1px 12px rgba(0,0,0,0.6);
  margin: 0;
}

/* layout 3-col: share sticky + body + side */
.mas-oped-body-wrap {
  max-width: var(--content-max); margin: 0 auto;
  padding: var(--space-12) var(--grid-margin) var(--space-16);
  display: grid;
  grid-template-columns: 80px 1fr 240px;
  gap: var(--space-12);
  align-items: start;
}

/* share sticky vertical */
.mas-oped-share {
  position: sticky; top: var(--space-8);
  display: flex; flex-direction: column;
  gap: var(--space-3); align-items: center;
}
.mas-oped-share__label {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  margin-bottom: var(--space-3);
}
.mas-oped-share__btn {
  width: 44px; height: 44px;
  border: 1px solid var(--color-border);
  background: var(--color-bg);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; text-decoration: none;
  color: var(--color-text-secondary);
  transition: border-color var(--t-fast), color var(--t-fast);
}
.mas-oped-share__btn:hover { border-color: var(--color-accent); color: var(--color-accent); }
.mas-oped-share__btn:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.mas-oped-share__btn svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.5; fill: none; }

/* cuerpo del ensayo */
.mas-oped-body { max-width: 720px; }
.mas-oped-body > p {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  line-height: var(--lh-loose); color: var(--color-text);
  margin: 0 0 var(--space-5);
}
.mas-oped-body > p em { font-style: italic; color: var(--color-blue); }
.mas-oped-body > p.lede::first-letter,
.mas-oped-body > p:first-of-type::first-letter {
  font-family: var(--font-display); font-style: italic; font-weight: var(--fw-medium);
  font-size: 100px; line-height: 0.82;
  float: left; padding: 10px 16px 0 0;
  color: var(--color-accent);
}

.mas-oped-body h2 {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-3xl); line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
  margin: var(--space-12) 0 var(--space-5);
  color: var(--color-text);
  scroll-margin-top: var(--space-6);
}
.mas-oped-body h2 em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }

/* pull-quote intercalado (con clase wp-block-pullquote o blockquote.mas-pullquote) */
.mas-oped-body blockquote.mas-pullquote,
.mas-oped-body .wp-block-pullquote {
  margin: var(--space-12) -80px;
  padding: var(--space-10) var(--space-8);
  background: var(--color-bg-alt);
  position: relative;
  border-left: 3px solid var(--color-accent);
}
.mas-oped-body blockquote.mas-pullquote::before,
.mas-oped-body .wp-block-pullquote::before {
  content: '"';
  position: absolute;
  top: var(--space-3); left: var(--space-6);
  font-family: var(--font-display); font-style: italic;
  font-size: 140px; line-height: 0.85;
  color: var(--color-accent); opacity: 0.12;
  pointer-events: none; user-select: none;
}
.mas-oped-body blockquote.mas-pullquote p,
.mas-oped-body .wp-block-pullquote p {
  position: relative; z-index: 1;
  font-family: var(--font-serif); font-style: italic; font-weight: var(--fw-regular);
  font-size: var(--fs-2xl); line-height: var(--lh-snug);
  color: var(--color-text);
  margin: 0 0 var(--space-3);
  padding-left: var(--space-8);
  letter-spacing: var(--tr-tight);
}
.mas-oped-body blockquote.mas-pullquote p em,
.mas-oped-body .wp-block-pullquote p em { color: var(--color-accent); }
.mas-oped-body blockquote.mas-pullquote cite,
.mas-oped-body .wp-block-pullquote cite {
  position: relative; z-index: 1;
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  padding-left: var(--space-8); font-style: normal; display: block;
}

.mas-oped-body sup.mas-fn {
  font-family: var(--font-sans); font-size: 10px;
  color: var(--color-accent); cursor: pointer;
  vertical-align: super; margin-left: 2px;
}

/* link-out block · para los 63 posts con mfn-post-link
   (op-eds publicados en outlets externos sin contenido propio en BD) */
.mas-oped-linkout {
  background: var(--color-bg-alt);
  padding: var(--space-10) var(--space-8);
  border-left: 3px solid var(--color-accent);
  margin-bottom: var(--space-12);
}
.mas-oped-linkout__kicker {
  font-family: var(--font-sans);
  font-size: var(--fs-2xs);
  color: var(--color-accent-strong);
  letter-spacing: var(--tr-wider);
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
}
.mas-oped-linkout__lead {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  line-height: var(--lh-relaxed);
  color: var(--color-text);
  margin: 0 0 var(--space-6);
}
.mas-oped-linkout__lead em {
  font-style: italic;
  color: var(--color-blue);
  font-weight: var(--fw-medium);
}
.mas-oped-linkout__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  padding: var(--space-3) var(--space-6);
  background: var(--color-text);
  color: var(--color-ink-on-dark);
  border: 1px solid var(--color-text);
  text-decoration: none;
  min-height: 44px;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
.mas-oped-linkout__cta:hover {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-ink-on-dark);
}
.mas-oped-linkout__url {
  font-family: 'SF Mono', Consolas, monospace;
  font-size: var(--fs-2xs);
  color: var(--color-text-muted);
  letter-spacing: var(--tr-base);
  margin: var(--space-4) 0 0;
  word-break: break-all;
}

.mas-oped-footnotes {
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: 0.5px solid var(--color-border);
}
.mas-oped-footnotes h3 {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-5);
}

/* side · reading progress + TOC */
.mas-oped-side { position: sticky; top: var(--space-8); }
.mas-oped-progress { margin-bottom: var(--space-8); }
.mas-oped-progress__bar {
  width: 100%; height: 2px;
  background: var(--color-border);
  position: relative;
}
.mas-oped-progress__fill {
  position: absolute; top: 0; left: 0;
  height: 100%;
  background: var(--color-accent);
  width: 0;
  transition: width 200ms linear;
}
.mas-oped-progress__meta {
  margin-top: var(--space-2);
  display: flex; justify-content: space-between;
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}
.mas-oped-progress__meta strong { color: var(--color-accent); font-weight: var(--fw-semibold); }

.mas-oped-toc__kicker {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-5);
  padding-bottom: var(--space-3);
  border-bottom: 0.5px solid var(--color-accent);
}
.mas-oped-toc__list {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: var(--space-2);
}
.mas-oped-toc__list a {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-secondary); text-decoration: none;
  letter-spacing: var(--tr-wide);
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
  border-left: 1px solid var(--color-border);
  display: block;
  transition: color var(--t-fast), border-color var(--t-fast);
}
.mas-oped-toc__list a:hover,
.mas-oped-toc__list a.is-active {
  color: var(--color-accent); border-color: var(--color-accent);
}

/* author bio mini */
.mas-oped-author {
  background: var(--color-bg-alt);
  padding: var(--space-12) 0;
}
.mas-oped-author__inner {
  max-width: 880px; margin: 0 auto;
  padding: 0 var(--grid-margin);
  display: grid; grid-template-columns: 96px 1fr auto;
  gap: var(--space-6); align-items: center;
}
.mas-oped-author__avatar {
  width: 96px; height: 96px; border-radius: 50%;
  background-size: cover; background-position: center;
  background-color: var(--color-bg-paper);
  filter: grayscale(100%);
}
.mas-oped-author__name {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-2xl); margin: 0 0 var(--space-1);
  letter-spacing: var(--tr-tight);
}
.mas-oped-author__name em { font-style: italic; color: var(--color-accent); }
.mas-oped-author__bio {
  font-family: var(--font-serif); font-size: var(--fs-sm);
  color: var(--color-text-secondary); line-height: var(--lh-relaxed);
  margin: 0; max-width: 480px;
}
.mas-oped-author__cta {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  font-weight: var(--fw-semibold); letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  color: var(--color-text); text-decoration: none;
  border: 1px solid var(--color-text);
  padding: var(--space-3) var(--space-5);
  transition: background var(--t-fast), color var(--t-fast);
  white-space: nowrap; min-height: 44px;
  display: inline-flex; align-items: center;
}
.mas-oped-author__cta:hover { background: var(--color-text); color: var(--color-ink-on-dark); }

/* related */
.mas-oped-related {
  max-width: var(--content-max); margin: 0 auto;
  padding: var(--space-16) var(--grid-margin);
  border-top: 0.5px solid var(--color-border);
}
.mas-oped-related__head {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-4);
  border-bottom: 0.5px solid var(--color-border);
  flex-wrap: wrap; gap: var(--space-3);
}
.mas-oped-related__title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-3xl); letter-spacing: var(--tr-display);
  margin: 0;
}
.mas-oped-related__title em { font-style: italic; color: var(--color-blue); }
.mas-oped-related__meta {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}
.mas-oped-related__grid {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: var(--space-5); align-items: stretch;
}
.mas-oped-related__grid > li { display: flex; }
.mas-oped-related__card {
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  padding: var(--space-6);
  text-decoration: none; color: inherit;
  display: flex; flex-direction: column;
  gap: var(--space-3); width: 100%;
  transition: border-color var(--t-fast), transform var(--t-base);
}
.mas-oped-related__card:hover { border-color: var(--color-accent); transform: translateY(-3px); }
.mas-oped-related__card-kicker {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
}
.mas-oped-related__card-title {
  font-family: var(--font-serif); font-weight: var(--fw-medium);
  font-size: var(--fs-lg); line-height: var(--lh-snug);
  letter-spacing: var(--tr-tight);
  margin: 0; flex: 1;
}
.mas-oped-related__card-title em { font-style: italic; color: var(--color-blue); }
.mas-oped-related__card-meta {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}
.mas-oped-related__card-meta strong { color: var(--color-text); font-weight: var(--fw-semibold); }

@media (max-width: 1023px) {
  .mas-oped-body-wrap {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  .mas-oped-share {
    position: relative; top: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .mas-oped-share__label {
    writing-mode: horizontal-tb;
    transform: none;
    margin-bottom: 0;
    margin-right: var(--space-3);
  }
  .mas-oped-side { position: relative; top: 0; }
  .mas-oped-body blockquote.mas-pullquote,
  .mas-oped-body .wp-block-pullquote {
    margin-left: 0; margin-right: 0;
  }
  .mas-oped-author__inner {
    grid-template-columns: 64px 1fr;
    gap: var(--space-4);
  }
  .mas-oped-author__avatar { width: 64px; height: 64px; }
  .mas-oped-author__cta { grid-column: 1 / -1; justify-self: start; }
  .mas-oped-related__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .mas-oped-crumb,
  .mas-oped-hero,
  .mas-oped-body-wrap,
  .mas-oped-author__inner,
  .mas-oped-related {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .mas-oped-title { font-size: var(--fs-3xl); }
  .mas-oped-deck { font-size: var(--fs-lg); }
  .mas-oped-body > p { font-size: var(--fs-base); line-height: var(--lh-relaxed); }
  .mas-oped-body > p:first-of-type::first-letter { font-size: 72px; }
  .mas-oped-body blockquote.mas-pullquote p,
  .mas-oped-body .wp-block-pullquote p { font-size: var(--fs-xl); padding-left: var(--space-5); }
  .mas-oped-related__grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .mas-oped-share__btn,
  .mas-oped-progress__fill,
  .mas-oped-author__cta,
  .mas-oped-related__card { transition: none; }
  .mas-oped-related__card:hover { transform: none; }
}

/* ════════════════════════════════════════════════════════════════
   16. 404 + SEARCH templates (D.prep · 2026-05-25)
   ════════════════════════════════════════════════════════════════ */

.mas-404 {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: var(--space-24) var(--grid-margin);
  text-align: center;
}
.mas-404__inner { max-width: 880px; margin: 0 auto; }
.mas-404__kicker {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-4);
}
.mas-404__kicker::before { content: ''; }
.mas-404__kicker::after  { content: ' —'; }
.mas-404__title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: clamp(var(--fs-4xl), 7vw, var(--fs-6xl));
  line-height: var(--lh-snug); letter-spacing: var(--tr-display);
  margin: 0 0 var(--space-6); color: var(--color-text);
}
.mas-404__title em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }
.mas-404__deck {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-lg); line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  margin: 0 auto var(--space-10); max-width: 620px;
}
.mas-404__deck em { color: var(--color-blue); }
.mas-404__search { margin: 0 auto var(--space-12); max-width: 480px; }
.mas-404__search input[type="search"] {
  width: 100%; padding: var(--space-4) var(--space-5);
  font-family: var(--font-sans); font-size: var(--fs-base);
  border: 1px solid var(--color-border);
  background: var(--color-bg); color: var(--color-text);
  border-radius: var(--radius-sm); outline: none;
  transition: border-color var(--t-fast);
}
.mas-404__search input[type="search"]:focus { border-color: var(--color-accent); }
.mas-404__search input[type="submit"] {
  margin-top: var(--space-3); padding: var(--space-3) var(--space-6);
  background: var(--color-text); color: var(--color-ink-on-dark);
  border: 1px solid var(--color-text);
  font-family: var(--font-sans); font-size: var(--fs-sm);
  font-weight: var(--fw-semibold); letter-spacing: var(--tr-wide);
  text-transform: uppercase; cursor: pointer; min-height: 44px;
  transition: background var(--t-fast), border-color var(--t-fast);
}
.mas-404__search input[type="submit"]:hover {
  background: var(--color-accent); border-color: var(--color-accent);
}
.mas-404__nav {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5); text-align: left;
  padding-top: var(--space-10);
  border-top: 0.5px solid var(--color-border);
}
.mas-404__link {
  display: flex; flex-direction: column;
  padding: var(--space-5);
  background: var(--color-bg-paper);
  border: 1px solid var(--color-border);
  text-decoration: none;
  transition: border-color var(--t-fast), transform var(--t-base);
}
.mas-404__link:hover { border-color: var(--color-accent); transform: translateY(-3px); }
.mas-404__link-lbl {
  font-family: var(--font-serif); font-size: var(--fs-xl);
  color: var(--color-text); font-weight: var(--fw-medium);
  margin-bottom: var(--space-2); letter-spacing: var(--tr-tight);
}
.mas-404__link-desc {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}
@media (max-width: 1023px) { .mas-404__nav { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
  .mas-404 { padding: var(--space-16) var(--space-5); }
  .mas-404__nav { grid-template-columns: 1fr; gap: var(--space-3); }
}

.mas-search {
  max-width: var(--content-max); margin: 0 auto;
  padding: var(--space-16) var(--grid-margin);
}
.mas-search__head {
  border-bottom: 0.5px solid var(--color-border);
  padding-bottom: var(--space-8); margin-bottom: var(--space-10);
}
.mas-search__kicker {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
}
.mas-search__kicker::before { content: ''; }
.mas-search__title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-4xl); line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
  margin: 0 0 var(--space-3); color: var(--color-text);
}
.mas-search__title em { font-style: italic; color: var(--color-accent); font-weight: var(--fw-medium); }
.mas-search__count {
  font-family: var(--font-sans); font-size: var(--fs-sm);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
  margin: 0 0 var(--space-6);
}
.mas-search__form-wrap { max-width: 480px; }
.mas-search__list {
  list-style: none; padding: 0;
  margin: 0 0 var(--space-10);
  border-top: 0.5px solid var(--color-border);
}
.mas-search__pagination .nav-links {
  display: flex; gap: var(--space-3); flex-wrap: wrap;
  font-family: var(--font-sans); font-size: var(--fs-sm);
  letter-spacing: var(--tr-wide); text-transform: uppercase;
  font-weight: var(--fw-semibold); align-items: center;
}
.mas-search__pagination .page-numbers {
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  text-decoration: none; min-height: 44px;
  display: inline-flex; align-items: center;
  transition: border-color var(--t-fast), color var(--t-fast);
}
.mas-search__pagination .page-numbers:hover {
  border-color: var(--color-accent); color: var(--color-accent);
}
.mas-search__pagination .page-numbers.current {
  background: var(--color-text); color: var(--color-ink-on-dark);
  border-color: var(--color-text);
}
.mas-search__empty {
  text-align: center; padding: var(--space-12) 0;
  font-family: var(--font-serif); font-size: var(--fs-lg);
  color: var(--color-text-secondary);
}
.mas-search__suggestions {
  margin-top: var(--space-6);
  font-family: var(--font-sans); font-size: var(--fs-sm);
}
.mas-search__suggestions a {
  color: var(--color-accent); text-decoration: none;
  border-bottom: 0.5px solid var(--color-accent);
  padding-bottom: 1px; margin: 0 var(--space-1);
}
.mas-search__suggestions a:hover { color: var(--color-blue); border-color: var(--color-blue); }
@media (max-width: 767px) {
  .mas-search { padding: var(--space-12) var(--space-5); }
  .mas-search__title { font-size: var(--fs-2xl); }
}

/* ════════════════════════════════════════════════════════════════
   17. GALLERY + CONTACT page templates (D.prep · 2026-05-25)
   ════════════════════════════════════════════════════════════════ */

.mas-gallery {
  max-width: var(--content-max); margin: 0 auto;
  padding: var(--space-16) var(--grid-margin);
}
.mas-gallery__head {
  text-align: center;
  max-width: 720px; margin: 0 auto var(--space-12);
  padding-bottom: var(--space-8);
  border-bottom: 0.5px solid var(--color-border);
}
.mas-gallery__kicker {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
}
.mas-gallery__kicker::before { content: ''; }
.mas-gallery__kicker::after  { content: ' —'; }
.mas-gallery__title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-4xl); line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
  margin: 0 0 var(--space-4); color: var(--color-text);
}
.mas-gallery__title em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }
.mas-gallery__deck {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-lg); line-height: var(--lh-relaxed);
  color: var(--color-text-secondary); margin: 0;
}
.mas-gallery__deck em { color: var(--color-blue); }

.mas-gallery__grid {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr; gap: var(--space-5);
  align-items: stretch;
}
.mas-gallery__grid > li { display: flex; }
.mas-gallery__item {
  display: flex; flex-direction: column;
  width: 100%; transition: transform var(--t-base);
}
.mas-gallery__item:hover { transform: translateY(-3px); }
.mas-gallery__photo {
  aspect-ratio: 4/5;
  background-size: cover; background-position: center;
  background-color: var(--color-bg-alt);
  filter: grayscale(100%) sepia(0.18) contrast(1.06);
  position: relative; overflow: hidden;
  transition: filter var(--t-slow);
}
.mas-gallery__item:hover .mas-gallery__photo { filter: grayscale(25%) sepia(0.08) contrast(1.04); }
.mas-gallery__grain {
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='3'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity: 0.55; mix-blend-mode: multiply; pointer-events: none;
}
.mas-gallery__caption {
  padding: var(--space-4) var(--space-1) 0;
  display: flex; flex-direction: column; gap: var(--space-1);
}
.mas-gallery__place {
  font-family: var(--font-serif); font-weight: var(--fw-medium);
  font-size: var(--fs-lg); color: var(--color-text);
  letter-spacing: var(--tr-tight);
}
.mas-gallery__year {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  font-variant-numeric: tabular-nums;
}
.mas-gallery__desc {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-sm); line-height: var(--lh-relaxed);
  color: var(--color-text-secondary); margin: var(--space-1) 0 0;
}
@media (max-width: 1023px) {
  .mas-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .mas-gallery { padding: var(--space-12) var(--space-5); }
  .mas-gallery__title { font-size: var(--fs-2xl); }
  .mas-gallery__grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
}

.mas-contact { background: var(--color-bg-alt); padding: var(--space-16) 0; }
.mas-contact__inner { max-width: var(--content-max); margin: 0 auto; padding: 0 var(--grid-margin); }
.mas-contact__head {
  text-align: center; max-width: 720px; margin: 0 auto var(--space-12);
  padding-bottom: var(--space-8);
  border-bottom: 0.5px solid var(--color-border);
}
.mas-contact__kicker {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
}
.mas-contact__kicker::before { content: ''; }
.mas-contact__kicker::after  { content: ' —'; }
.mas-contact__title {
  font-family: var(--font-serif); font-weight: var(--fw-regular);
  font-size: var(--fs-4xl); line-height: var(--lh-snug);
  letter-spacing: var(--tr-display);
  margin: 0 0 var(--space-4); color: var(--color-text);
}
.mas-contact__title em { font-style: italic; color: var(--color-blue); font-weight: var(--fw-medium); }
.mas-contact__deck {
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-lg); line-height: var(--lh-relaxed);
  color: var(--color-text-secondary); margin: 0;
}
.mas-contact__cols {
  display: grid; grid-template-columns: 1fr 1.3fr;
  gap: var(--space-12); align-items: start;
}
.mas-contact__col-title {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-accent-strong); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-6); padding-bottom: var(--space-3);
  border-bottom: 0.5px solid var(--color-accent);
}
.mas-contact__channels {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: var(--space-5);
}
.mas-contact__channels li { padding: var(--space-3) 0; border-bottom: 0.5px solid var(--color-border); }
.mas-contact__channels li:last-child { border-bottom: none; }
.mas-contact__channel-lbl {
  display: block;
  font-family: var(--font-sans); font-size: var(--fs-xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
  text-transform: uppercase; font-weight: var(--fw-semibold);
  margin-bottom: var(--space-1);
}
.mas-contact__channel-val {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  color: var(--color-text); text-decoration: none;
  border-bottom: 1px solid var(--color-accent); padding-bottom: 1px;
}
.mas-contact__channel-val:hover { color: var(--color-accent); }
.mas-contact__form-wrap {
  background: var(--color-bg); padding: var(--space-10);
  border: 1px solid var(--color-border);
}
.mas-contact__form { display: flex; flex-direction: column; gap: var(--space-4); }
.mas-contact__field { display: flex; flex-direction: column; gap: var(--space-2); }
.mas-contact__field label {
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-secondary); letter-spacing: var(--tr-wider);
  text-transform: uppercase; font-weight: var(--fw-semibold);
}
.mas-contact__field input,
.mas-contact__field textarea {
  font-family: var(--font-sans); font-size: var(--fs-base);
  color: var(--color-text); background: transparent;
  border: none; border-bottom: 1px solid var(--color-text);
  padding: var(--space-3) 0; outline: none;
  transition: border-color var(--t-fast), border-bottom-width var(--t-fast);
}
.mas-contact__field textarea {
  border: 1px solid var(--color-border);
  padding: var(--space-3) var(--space-4); resize: vertical; min-height: 120px;
}
.mas-contact__field input:focus,
.mas-contact__field textarea:focus {
  border-bottom-color: var(--color-accent); border-bottom-width: 2px;
}
.mas-contact__cta {
  margin-top: var(--space-4);
  padding: var(--space-4) var(--space-6);
  background: var(--color-text); color: var(--color-ink-on-dark);
  border: 1px solid var(--color-text);
  font-family: var(--font-sans); font-size: var(--fs-sm);
  font-weight: var(--fw-semibold); letter-spacing: var(--tr-wide);
  text-transform: uppercase; cursor: pointer; min-height: 48px;
  display: inline-flex; align-items: center; justify-content: center;
  gap: var(--space-2);
  transition: background var(--t-fast), border-color var(--t-fast);
}
.mas-contact__cta:hover { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-ink-on-dark); }
.mas-contact__legal {
  margin-top: var(--space-3);
  font-family: var(--font-sans); font-size: var(--fs-2xs);
  color: var(--color-text-muted); letter-spacing: var(--tr-wide);
}
.mas-contact__sent {
  padding: var(--space-8); background: var(--color-bg-alt);
  border-left: 3px solid var(--color-accent);
  font-family: var(--font-serif); font-style: italic;
  font-size: var(--fs-lg); color: var(--color-text);
}
@media (max-width: 1023px) {
  .mas-contact__cols { grid-template-columns: 1fr; gap: var(--space-8); }
}
@media (max-width: 767px) {
  .mas-contact__inner { padding: 0 var(--space-5); }
  .mas-contact__title { font-size: var(--fs-2xl); }
  .mas-contact__form-wrap { padding: var(--space-6); }
}

/* ============================================================
   §18 · mas-paper-index (listings con CPT cards · Fase 5+)
   ============================================================ */
.mas-paper-index {
  max-width: var(--content-narrow); margin: var(--space-12) auto;
  padding: 0 var(--space-5);
}
.mas-paper-index__head { margin-bottom: var(--space-8); border-top: 1px solid var(--color-rule); padding-top: var(--space-8); }
.mas-paper-index__kicker {
  font-family: var(--font-sans); font-size: var(--fs-sm);
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-accent); margin: 0 0 var(--space-2); font-weight: 500;
}
.mas-paper-index__title {
  font-family: var(--font-serif); font-size: var(--fs-2xl);
  font-weight: 400; line-height: 1.15; margin: 0 0 var(--space-3);
  color: var(--color-text);
}
.mas-paper-index__intro {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  color: var(--color-text-muted); line-height: 1.5; margin: 0;
}
.mas-paper-index__list { list-style: none; padding: 0; margin: 0; }
.mas-paper-index__item {
  border-top: 1px solid var(--color-rule);
}
.mas-paper-index__item:last-child { border-bottom: 1px solid var(--color-rule); }
.mas-paper-index__link {
  display: grid; grid-template-columns: 80px 1fr 100px;
  gap: var(--space-6); padding: var(--space-6) 0;
  text-decoration: none; color: inherit;
  align-items: baseline;
  transition: background 0.18s var(--ease);
}
.mas-paper-index__link:hover, .mas-paper-index__link:focus-visible {
  background: var(--color-bg-alt);
}
.mas-paper-index__year {
  font-family: var(--font-mono); font-size: var(--fs-sm);
  color: var(--color-accent); font-weight: 500;
}
.mas-paper-index__title-text {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  font-weight: 500; line-height: 1.25; color: var(--color-text);
  grid-row: 1; grid-column: 2;
}
.mas-paper-index__preview {
  display: block;
  font-family: var(--font-sans); font-size: var(--fs-sm);
  color: var(--color-text-muted); line-height: 1.5;
  margin-top: var(--space-2);
  grid-row: 2; grid-column: 2;
}
.mas-paper-index__pages {
  font-family: var(--font-mono); font-size: var(--fs-xs);
  color: var(--color-text-muted); text-align: right;
  grid-row: 1; grid-column: 3;
}
@media (max-width: 767px) {
  .mas-paper-index__link {
    grid-template-columns: 1fr; gap: var(--space-2);
    padding: var(--space-5) 0;
  }
  .mas-paper-index__year, .mas-paper-index__title-text,
  .mas-paper-index__preview, .mas-paper-index__pages {
    grid-column: 1; grid-row: auto;
  }
  .mas-paper-index__pages { text-align: left; }
}

/* ============================================================
   §19 · mas-chrome-intro (intros editoriales de pages cortas:
   /podcasts/, /teaching/ · Fase 5+)
   ============================================================ */
.mas-chrome-intro {
  max-width: var(--content-narrow); margin: var(--space-12) auto;
  padding: 0 var(--space-5);
}
.mas-chrome-intro__head {
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-rule);
}
.mas-chrome-intro__kicker {
  font-family: var(--font-sans); font-size: var(--fs-sm);
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-accent); margin: 0 0 var(--space-2); font-weight: 500;
}
.mas-chrome-intro__title {
  font-family: var(--font-serif); font-size: var(--fs-4xl);
  font-weight: 400; line-height: 1.1; margin: 0;
  color: var(--color-text);
}
.mas-chrome-intro__title em {
  font-style: italic; color: var(--color-accent);
}
.mas-chrome-intro__body {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  line-height: 1.6; color: var(--color-text);
}
.mas-chrome-intro__lead {
  font-size: var(--fs-xl); line-height: 1.5;
  color: var(--color-text); margin-bottom: var(--space-6);
}
.mas-chrome-intro__body p { margin: 0 0 var(--space-5); }
.mas-chrome-intro__body h3 {
  font-family: var(--font-serif); font-size: var(--fs-2xl);
  font-weight: 400; margin: var(--space-8) 0 var(--space-4);
  color: var(--color-text);
}
.mas-chrome-intro__body ul {
  padding-left: var(--space-6); margin: 0 0 var(--space-6);
}
.mas-chrome-intro__body li {
  margin-bottom: var(--space-3); line-height: 1.5;
}
.mas-chrome-intro__body a {
  color: var(--color-accent); text-decoration: none;
  border-bottom: 1px solid currentColor; padding-bottom: 1px;
}
.mas-chrome-intro__body a:hover { color: var(--color-accent-strong); }
.mas-chrome-intro__note {
  font-style: italic; color: var(--color-text-muted);
  font-size: var(--fs-base); margin-top: var(--space-8);
  padding-top: var(--space-6); border-top: 1px solid var(--color-rule);
}
@media (max-width: 767px) {
  .mas-chrome-intro { margin: var(--space-8) auto; }
  .mas-chrome-intro__title { font-size: var(--fs-3xl); }
  .mas-chrome-intro__lead { font-size: var(--fs-lg); }
  .mas-chrome-intro__body { font-size: var(--fs-base); }
}

/* ============================================================
   §20 · mas-paper-archive · grid de cards Cowen-MAS (Fase 6+)
   ============================================================ */
.mas-paper-archive {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-16) var(--grid-margin) var(--space-16);
}
.mas-paper-archive__head {
  text-align: left;
  margin-bottom: var(--space-10);
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-rule);
}
.mas-paper-archive__kicker {
  font-family: var(--font-sans); font-size: var(--fs-sm);
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--color-accent); margin: 0 0 var(--space-2); font-weight: 500;
}
.mas-paper-archive__title {
  font-family: var(--font-serif); font-size: var(--fs-5xl);
  font-weight: 400; line-height: 1.05; margin: 0 0 var(--space-4);
  color: var(--color-text); max-width: 18em;
}
.mas-paper-archive__title em { font-style: italic; color: var(--color-accent); }
.mas-paper-archive__lead {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  color: var(--color-text-muted); line-height: 1.5; margin: 0; max-width: 60ch;
}
.mas-paper-archive__filters {
  display: flex; flex-wrap: wrap; gap: var(--space-2);
  margin-bottom: var(--space-6); align-items: center;
}
.mas-paper-archive__filters--secondary {
  border-top: 1px solid var(--color-rule);
  padding-top: var(--space-4); margin-top: -var(--space-4);
  margin-bottom: var(--space-10);
}
.mas-paper-archive__filters-label {
  font-family: var(--font-sans); font-size: var(--fs-sm);
  color: var(--color-text-muted); margin-right: var(--space-2);
}
.mas-paper-archive__pill {
  display: inline-flex; align-items: center; gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  border: 1px solid var(--color-rule); border-radius: 999px;
  font-family: var(--font-sans); font-size: var(--fs-sm);
  color: var(--color-text); text-decoration: none;
  transition: all 0.18s var(--ease); background: transparent;
}
.mas-paper-archive__pill:hover {
  border-color: var(--color-text);
  background: var(--color-bg-alt);
}
.mas-paper-archive__pill.is-active {
  background: var(--color-text); color: var(--color-ink-on-dark);
  border-color: var(--color-text);
}
.mas-paper-archive__pill--topic {
  font-size: var(--fs-xs);
  padding: var(--space-1) var(--space-3);
}
.mas-paper-archive__pill-count {
  font-family: var(--font-mono); font-size: var(--fs-xs);
  color: var(--color-text-muted); font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.mas-paper-archive__pill.is-active .mas-paper-archive__pill-count {
  color: var(--color-ink-on-dark); opacity: 0.7;
}

.mas-paper-archive__grid {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: var(--space-6);
}
.mas-paper-archive__item { display: flex; }
.mas-paper-archive__card {
  display: flex; flex-direction: column;
  width: 100%; padding: var(--space-6);
  background: var(--color-bg);
  border: 1px solid var(--color-rule);
  text-decoration: none; color: inherit;
  transition: all 0.2s var(--ease);
  border-radius: 2px;
}
.mas-paper-archive__card:hover, .mas-paper-archive__card:focus-visible {
  border-color: var(--color-text);
  box-shadow: 0 8px 24px rgba(26, 26, 26, 0.06);
  transform: translateY(-2px);
}
.mas-paper-archive__card-head {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: var(--space-4); gap: var(--space-3);
}
.mas-paper-archive__card-cat {
  font-family: var(--font-sans); font-size: var(--fs-xs);
  text-transform: uppercase; letter-spacing: 0.06em;
  padding: 2px var(--space-2); border-radius: 2px;
  background: var(--color-bg-alt); color: var(--color-text);
  font-weight: 500;
}
.mas-paper-archive__card-cat--academic { background: var(--color-bg-alt); color: var(--color-accent); }
.mas-paper-archive__card-cat--policy { background: rgba(10, 49, 97, 0.10); color: var(--color-blue); }
.mas-paper-archive__card-cat--book-chapter { background: var(--color-text); color: var(--color-ink-on-dark); }
.mas-paper-archive__card-cat--case-study { background: rgba(179, 25, 66, 0.10); color: var(--color-accent); }
.mas-paper-archive__card-year {
  font-family: var(--font-mono); font-size: var(--fs-sm);
  color: var(--color-text-muted); font-variant-numeric: tabular-nums;
}
.mas-paper-archive__card-title {
  font-family: var(--font-serif); font-size: var(--fs-xl);
  font-weight: 500; line-height: 1.25;
  margin: 0 0 var(--space-3); color: var(--color-text);
  letter-spacing: -0.005em;
}
.mas-paper-archive__card-excerpt {
  font-family: var(--font-serif); font-size: var(--fs-base);
  color: var(--color-text-muted); line-height: 1.55;
  margin: 0 0 var(--space-5); flex: 1;
}
.mas-paper-archive__card-foot {
  display: flex; justify-content: space-between; align-items: baseline;
  padding-top: var(--space-3); border-top: 1px solid var(--color-rule);
  font-family: var(--font-sans); font-size: var(--fs-sm); gap: var(--space-3);
}
.mas-paper-archive__card-authors {
  color: var(--color-text-muted);
  font-style: italic;
}
.mas-paper-archive__card-meta {
  color: var(--color-text-muted); font-family: var(--font-mono);
  font-size: var(--fs-xs); font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.mas-paper-archive__pagination {
  margin-top: var(--space-10);
  display: flex; justify-content: center;
}
.mas-paper-archive__empty {
  font-family: var(--font-serif); font-size: var(--fs-lg);
  color: var(--color-text-muted); font-style: italic;
  text-align: center; padding: var(--space-12);
}
@media (max-width: 767px) {
  .mas-paper-archive { padding: var(--space-10) var(--space-5); }
  .mas-paper-archive__title { font-size: var(--fs-3xl); }
  .mas-paper-archive__grid { grid-template-columns: 1fr; gap: var(--space-4); }
  .mas-paper-archive__card { padding: var(--space-5); }
  .mas-paper-archive__filters--secondary { margin-top: var(--space-2); }
}

/* ============================================================
   §21 · WP defaults · screen-reader-text + pagination editorial
   ============================================================ */
.screen-reader-text,
.mas-paper-archive nav h2 {
  position: absolute !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px; height: 1px;
  overflow: hidden;
  white-space: nowrap;
  margin: -1px; padding: 0; border: 0;
}

.mas-paper-archive__pagination,
.mas-paper-archive .navigation.pagination {
  margin-top: var(--space-10);
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-rule);
  display: flex; justify-content: center;
}
.mas-paper-archive .nav-links,
.mas-paper-archive__pagination .nav-links {
  display: flex; gap: var(--space-2); align-items: center;
}
.mas-paper-archive .page-numbers,
.mas-paper-archive__pagination a,
.mas-paper-archive__pagination span {
  display: inline-flex; justify-content: center; align-items: center;
  min-width: 36px; height: 36px;
  padding: 0 var(--space-3);
  font-family: var(--font-mono); font-size: var(--fs-sm);
  color: var(--color-text); text-decoration: none;
  border: 1px solid var(--color-rule);
  border-radius: 2px;
  transition: all 0.15s var(--ease);
  background: transparent;
}
.mas-paper-archive .page-numbers:hover,
.mas-paper-archive__pagination a:hover {
  border-color: var(--color-text);
  background: var(--color-bg-alt);
}
.mas-paper-archive .page-numbers.current,
.mas-paper-archive__pagination .current {
  background: var(--color-text); color: var(--color-ink-on-dark);
  border-color: var(--color-text);
}
.mas-paper-archive .page-numbers.dots {
  border: none; background: transparent;
  color: var(--color-text-muted);
}

/* ============================================================
   §22 · A11y · links dentro de párrafos paper transcript (axe link-in-text-block fix)
   ============================================================ */
.mas-paper-content p a,
.mas-paper-transcription p a,
.mas-paper-editorial p a,
.mas-paper-full-transcript p a {
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    color: var(--color-accent);
}
.mas-paper-content p a:hover,
.mas-paper-transcription p a:hover,
.mas-paper-editorial p a:hover,
.mas-paper-full-transcript p a:hover {
    text-decoration-color: var(--color-text);
    color: var(--color-text);
}

/* §22b · Mismo fix link-in-text-block para op-eds + travelogues + posts genéricos */
.mas-oped-body p a,
.mas-oped-content p a,
.entry-content p a,
article.post p a,
.mas-page-full p a {
    text-decoration: underline;
    text-decoration-color: var(--color-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    color: var(--color-accent);
}
.mas-oped-body p a:hover,
.mas-oped-content p a:hover,
.entry-content p a:hover,
article.post p a:hover,
.mas-page-full p a:hover {
    text-decoration-color: var(--color-text);
    color: var(--color-text);
}

/* §22c · cuadernos cards en estado faded (depth-of-field intencional) · ocultar a AT
   para evitar falsos positivos de axe color-contrast */
.mas-cuadernos__card[style*="opacity"] [class*="mas-cuadernos__"] {
    /* placeholder · no-op porque la opacity está aplicada via JS */
}

/* ════════════════════════════════════════════════════════════════
   §23 · MOTION · reveals on-enter
   Estado oculto SOLO si hay JS (html.js) y el usuario NO pidió reduced-motion.
   Sin JS o con reduced-motion → todo visible desde el principio (nada se oculta).
   ════════════════════════════════════════════════════════════════ */
html.js [data-reveal] {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .6s var(--ease-quiet, cubic-bezier(.16,1,.3,1)),
                transform .6s var(--ease-quiet, cubic-bezier(.16,1,.3,1));
}
html.js [data-reveal].is-in { opacity: 1; transform: none; }
/* stagger por índice (motion.js setea --i en cada hijo de [data-reveal-stagger]) */
html.js [data-reveal][style*="--i"] { transition-delay: calc(var(--i) * 70ms); }

@media (prefers-reduced-motion: reduce) {
    html.js [data-reveal] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ============================================================
   §23 · Contenido legacy suelto dentro de .mas-page-full
   (p.ej. la bio antigua en /about/ tras los bloques nuevos).
   Sin esto se pinta a todo el ancho del viewport, sin medida
   de lectura. Los bloques mas/* traen su propio contenedor;
   esto solo alcanza a los hijos directos sueltos.
   ============================================================ */
.mas-page-full > p,
.mas-page-full > h2,
.mas-page-full > h3,
.mas-page-full > h4,
.mas-page-full > ul,
.mas-page-full > ol,
.mas-page-full > blockquote,
.mas-page-full > figure,
.mas-page-full > div:not([class*="mas-"]):not([class*="wp-block"]) {
  max-width: var(--content-narrow);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--space-6);
  padding-right: var(--space-6);
}
.mas-page-full > p,
.mas-page-full > ul,
.mas-page-full > ol,
.mas-page-full > blockquote {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  line-height: var(--lh-loose);
  color: var(--color-text);
  margin-bottom: var(--space-6);
}
.mas-page-full > h2,
.mas-page-full > h3 {
  margin-top: var(--space-12);
  margin-bottom: var(--space-6);
}
.mas-page-full > figure img,
.mas-page-full > div:not([class*="mas-"]) img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* La bio recuperada del sitio antiguo en /about/ (section.mas-about-recovered-bio)
   se inyectó sin hoja de estilos propia → texto a viewport completo. */
.mas-about-recovered-bio {
  padding: var(--space-16) var(--space-6);
}
.mas-about-recovered-bio__body {
  max-width: var(--content-narrow);
  margin: 0 auto;
}
.mas-about-recovered-bio__body p,
.mas-about-recovered-bio__body ul,
.mas-about-recovered-bio__body ol,
.mas-about-recovered-bio__body blockquote {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  line-height: var(--lh-loose);
  color: var(--color-text);
  margin-bottom: var(--space-6);
}
.mas-about-recovered-bio__body h2,
.mas-about-recovered-bio__body h3 {
  margin-top: var(--space-12);
  margin-bottom: var(--space-6);
}
.mas-about-recovered-bio__body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: var(--space-8) auto;
}

/* ============================================================
   §24 · /references-to-my-work/ — lista editorial de referencias
   reales (rediseño 2026-06-11). Filas, no cards.
   ============================================================ */
.mas-refs {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: var(--space-16) var(--space-6) var(--space-20);
}
.mas-refs__head {
  max-width: var(--content-narrow);
  margin: 0 0 var(--space-12);
}
.mas-refs__kicker {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wider);
  text-transform: uppercase;
  color: var(--color-accent);
  margin: 0 0 var(--space-4);
}
.mas-refs__title {
  font-family: var(--font-serif);
  font-size: clamp(var(--fs-3xl), 5vw, var(--fs-5xl));
  line-height: var(--lh-tight);
  margin: 0 0 var(--space-5);
}
.mas-refs__title em { font-style: italic; color: var(--color-blue); }
.mas-refs__desc {
  font-family: var(--font-serif);
  font-size: var(--fs-lg);
  line-height: var(--lh-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
}
.mas-refs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--color-rule);
}
.mas-refs__item {
  display: grid;
  grid-template-columns: 64px 200px 1fr 24px;
  gap: var(--space-6);
  align-items: baseline;
  padding: var(--space-6) var(--space-2);
  border-bottom: 0.5px solid var(--color-rule);
  text-decoration: none;
  color: inherit;
  transition: background var(--t-fast, 150ms);
}
a.mas-refs__item:hover { background: var(--color-warm, #F4F6F9); }
a.mas-refs__item:hover .mas-refs__cite { color: var(--color-accent); }
a.mas-refs__item:hover .mas-refs__ext svg { transform: translate(2px, -2px); }
.mas-refs__year {
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: var(--color-text);
}
.mas-refs__outlet {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  color: var(--color-text-secondary);
}
.mas-refs__cite {
  font-family: var(--font-serif);
  font-size: var(--fs-xl);
  font-weight: var(--fw-regular, 400);
  line-height: var(--lh-snug, 1.3);
  margin: 0;
  transition: color var(--t-fast, 150ms);
}
.mas-refs__ext svg {
  width: 14px; height: 14px;
  stroke: var(--color-accent);
  stroke-width: 1.5;
  fill: none;
  transition: transform var(--t-fast, 150ms);
}
.mas-refs__offline {
  font-family: var(--font-sans);
  font-size: var(--fs-2xs, 10px);
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
  color: var(--color-text-tertiary, #8A8A82);
  white-space: nowrap;
}
.mas-refs__item--nolink .mas-refs__cite { color: var(--color-text-secondary); }
.mas-refs__foot { margin-top: var(--space-8); }
.mas-refs__note {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  color: var(--color-text-tertiary, #8A8A82);
  max-width: var(--content-narrow);
}
@media (max-width: 768px) {
  .mas-refs__item {
    grid-template-columns: 1fr 24px;
    gap: var(--space-2) var(--space-4);
  }
  .mas-refs__year, .mas-refs__outlet { grid-column: 1; }
  .mas-refs__cite { grid-column: 1; font-size: var(--fs-lg); }
  .mas-refs__ext, .mas-refs__offline { grid-column: 2; grid-row: 1; justify-self: end; }
}