/* ============================================================
   REALSEASONNT — MAIN CSS ENTRY POINT
   Fuente display: Oswald (condensada, estilo deportivo/scoreboard)
   Fuente serif: Playfair Display (acentos editoriales, puntuacion dorada)
   Fuente body: Inter (limpio, moderno)
   ============================================================ */

/* Google Fonts — Oswald + Inter + JetBrains Mono + Playfair Display */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap');

/* 1. Base */
@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';

/* 2. Components */
@import './components/cursor.css';
@import './components/hero.css';
@import './components/card.css';
@import './components/carousel.css';
@import './components/modal.css';
@import './components/embed.css';
@import './components/footer.css';

/* 3. Sections */
@import './sections/sections.css';
@import './sections/noticias.css';
@import './sections/directos.css';
@import './sections/diccionario.css';
@import './sections/dossieres.css';
@import './sections/anuncios.css';
@import './sections/videos.css';
@import './sections/programacion.css';
@import './sections/columna.css';
@import './sections/redaccion.css';

/* ============================================================
   GLOBAL LAYOUT
   ============================================================ */

.page-wrapper {
  min-height: 100dvh;
  background: var(--color-bg);
}

/* ── Container — refined gutters ── */
.container {
  width: 100%;
  padding-left: 6rem;
  padding-right: 6rem;
}

@media (max-width: 1640px) {
  .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}