/* CREA Contenidos — main.css */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap');

:root {
  --color-noche: #1A1A2E;
  --color-noche-soft: #2D2D44;
  --color-papel: #FAF7F2;
  --color-papel-alt: #F5F1EA;
  --color-rojo: #C0392B;
  --color-rojo-hover: #A93226;
  --color-rojo-light: rgba(192, 57, 43, 0.1);
  --color-naranja: #E67E22;
  --color-naranja-hover: #D35400;
  --color-naranja-light: rgba(230, 126, 34, 0.15);
  --color-gris-texto: #3D3D3D;
  --color-gris-medio: #6B6B6B;
  --color-gris-claro: #F0EDE8;
  --color-gris-linea: #E8E4DD;
  --color-borde: #D4C9BC;
  --color-dorado: #B7950B;
  --color-dorado-light: rgba(183, 149, 11, 0.15);
  --color-blanco: #FFFFFF;
  --color-negro: #111111;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Source Sans 3', Helvetica, sans-serif;
  --font-accent: 'Lora', Georgia, serif;
  --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem;
  --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem;
  --text-3xl: 1.875rem; --text-4xl: 2.25rem; --text-5xl: 3rem;
  --text-hero: clamp(2.5rem, 5vw, 4.5rem);
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem;
  --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem;
  --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem;
  --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
  --max-width: 1280px; --max-width-narrow: 800px;
  --col-gap: 1.5rem; --row-gap: 1.5rem;
  --shadow-sm: 0 1px 3px rgba(26,26,46,0.06);
  --shadow-card: 0 2px 8px rgba(26,26,46,0.08);
  --shadow-hover: 0 8px 24px rgba(26,26,46,0.16);
  --shadow-lg: 0 12px 40px rgba(26,26,46,0.2);
  --radius-sm: 3px; --radius-base: 5px; --radius-lg: 8px; --radius-full: 50%;
  --transition-fast: 150ms ease; --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
  --z-header: 100; --z-overlay: 200; --z-modal: 300;

  /* === TERCER TIEMPO — Identidad visual del programa === */
  --tt-primario: #1A1A2E;          /* Noche de estadio */
  --tt-acento: #C0392B;            /* Rojo pasión */
  --tt-acento-alt: #E67E22;        /* Naranja béisbol / histórico */
  --tt-texto-claro: rgba(255,255,255,0.90);
  --tt-texto-dimmed: rgba(255,255,255,0.55);
  --tt-cancha: rgba(255,255,255,0.04); /* Textura de campo */
  --tt-live-red: #FF3B30;          /* Rojo "live" más vibrante */
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { font-size:16px; scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }

body {
  font-family: var(--font-body); font-size: var(--text-base);
  line-height: 1.6; color: var(--color-gris-texto);
  background-color: var(--color-papel); overflow-x: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
}

img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-decoration:none; transition:color var(--transition-fast); }
a:hover { color:var(--color-rojo); }
ul,ol { list-style:none; }
button { font-family:inherit; cursor:pointer; border:none; background:none; }
input,textarea,select { font-family:inherit; font-size:inherit; }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-display); font-weight:700; line-height:1.2; color:var(--color-noche); }
blockquote { font-family:var(--font-accent); font-style:italic; }

.container { width:100%; max-width:var(--max-width); margin:0 auto; padding:0 var(--space-4); }
.container--narrow { max-width:var(--max-width-narrow); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.editorial-divider { border:none; height:1px; background:var(--color-borde); margin:var(--space-8) 0; }
.editorial-divider--thick { height:3px; background:var(--color-noche); }
.editorial-divider--accent { height:3px; background:var(--color-rojo); width:60px; }

::selection { background:var(--color-rojo-light); color:var(--color-noche); }
:focus-visible { outline:2px solid var(--color-rojo); outline-offset:2px; }

::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:var(--color-gris-claro); }
::-webkit-scrollbar-thumb { background:var(--color-borde); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--color-gris-medio); }

.reveal { opacity:0; transform:translateY(30px); transition:opacity var(--transition-slow), transform var(--transition-slow); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
.reveal-delay-1{transition-delay:100ms} .reveal-delay-2{transition-delay:200ms}
.reveal-delay-3{transition-delay:300ms} .reveal-delay-4{transition-delay:400ms}
.reveal-delay-5{transition-delay:500ms} .reveal-delay-6{transition-delay:600ms}

/* === TERCER TIEMPO — Animaciones === */
@keyframes pulse-live {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}
@keyframes scroll-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); }
}
@keyframes tt-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(192,57,43,0.3); }
  50% { box-shadow: 0 0 40px rgba(192,57,43,0.6); }
}

.aspect-16-9 { aspect-ratio:16/9; object-fit:cover; }
.aspect-4-3 { aspect-ratio:4/3; object-fit:cover; }

.seccion { padding:var(--space-12) 0; }
.seccion--oscura { background:var(--color-noche); color:var(--color-papel); }
.seccion--oscura h2,.seccion--oscura h3 { color:var(--color-papel); }
.seccion--gris { background:var(--color-gris-claro); }
.seccion__titulo { font-family:var(--font-display); font-size:var(--text-3xl); font-weight:700; color:var(--color-noche); margin-bottom:var(--space-2); }
.seccion__subtitulo { font-family:var(--font-body); font-size:var(--text-lg); color:var(--color-gris-medio); margin-bottom:var(--space-8); }