/* themes.css — imports all theme modules */
@import url('./themes/base.css');
@import url('./themes/classic.css');
@import url('./themes/modern.css');
@import url('./themes/bold.css');
@import url('./themes/magazine.css');
@import url('./themes/minimal.css');
@import url('./themes/newspaper.css');
@import url('./themes/duran.css');
@import url('./themes/guayas.css?v=12');
@import url('./themes/sambo.css?v=1');
@import url('./themes/responsive.css');

/* ===== PAUTA (banners de display) — base neutra, sirve en cualquier tema ===== */
.pauta-slot{position:relative;margin:18px auto;text-align:center;max-width:100%}
.pauta-slot .pauta-label{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9aa2b1;opacity:.7;margin-bottom:4px;font-family:system-ui,-apple-system,sans-serif}
.pauta-slot .pauta-link{display:inline-block;line-height:0;max-width:100%}
.pauta-slot .pauta-img{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}
.pauta-slot .pauta-beacon{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.pauta-top .pauta-img,.pauta-footer .pauta-img{max-width:970px}
.pauta-in_article{margin:26px auto}
.pauta-in_article .pauta-img{max-width:728px}
.pauta-sidebar .pauta-img{max-width:336px}
@media(max-width:600px){.pauta-top .pauta-img,.pauta-footer .pauta-img,.pauta-in_article .pauta-img{max-width:100%}}

/* Placeholder "TU PUBLICIDAD AQUÍ" para slots de pauta vacíos (casa) */
.pauta-empty .pauta-house{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;box-sizing:border-box;width:100%;margin:0 auto;padding:10px 14px;border:2px dashed #cbd5e3;border-radius:8px;background:repeating-linear-gradient(45deg,#f7f9fc,#f7f9fc 10px,#eef2f8 10px,#eef2f8 20px);color:#5b6472;transition:border-color .2s ease,color .2s ease,background .2s ease}
.pauta-empty .pauta-house:hover{border-color:#1CA9E0;color:#0A2A43;background:#f4f9fd}
.pauta-empty .pauta-house-text{font-family:system-ui,-apple-system,sans-serif;font-weight:800;letter-spacing:.06em;font-size:15px;text-transform:uppercase;line-height:1.1}
.pauta-empty .pauta-house-sub{font-family:system-ui,-apple-system,sans-serif;font-size:11px;opacity:.85}
.pauta-top .pauta-house,.pauta-footer .pauta-house{max-width:970px;min-height:90px}
.pauta-in_article .pauta-house{max-width:728px;min-height:90px}
.pauta-sidebar .pauta-house{max-width:336px;min-height:280px}
@media(max-width:600px){.pauta-top .pauta-house,.pauta-footer .pauta-house,.pauta-in_article .pauta-house{min-height:70px}.pauta-empty .pauta-house-text{font-size:13px}}

/* ============================================================
   BIBLIOTECA DE FORMATOS (2026-08-09) — estilo distinto por tema.
   Reestiliza header, títulos de sección, cards y badges usando
   var(--color-primario/secundario) para adaptarse al color de cada sitio.
   Headers quedan claros a propósito (el logo SVG es texto oscuro).
   ============================================================ */

/* CLASSIC — serif elegante, tradicional */
body.theme-classic .site-header{border-bottom:3px double var(--color-primario)}
body.theme-classic .section-title{font-family:'Playfair Display',Georgia,serif;font-weight:800;border-bottom:2px solid var(--color-primario);padding-bottom:5px;display:inline-block}
body.theme-classic .news-card{border:1px solid #e3e3e3;border-radius:4px;background:#fff}
body.theme-classic .card-title{font-family:'Playfair Display',Georgia,serif;font-weight:700}
body.theme-classic .card-badge{background:transparent;color:var(--color-primario);border:1px solid var(--color-primario);border-radius:3px;font-weight:700}

/* MODERN — sans limpio, cards con sombra suave */
body.theme-modern .site-header{box-shadow:0 1px 0 #eef0f4}
body.theme-modern .section-title{font-family:'Inter',system-ui,sans-serif;font-weight:800;position:relative;padding-left:14px}
body.theme-modern .section-title::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:5px;border-radius:3px;background:var(--color-primario)}
body.theme-modern .news-card{border:1px solid #eef0f4;border-radius:14px;box-shadow:0 6px 20px rgba(20,30,50,.07);overflow:hidden;background:#fff}
body.theme-modern .card-title{font-family:'Inter',system-ui,sans-serif;font-weight:700}
body.theme-modern .card-badge{background:var(--color-primario);color:#fff;border-radius:999px;font-weight:600}

/* BOLD — Oswald condensado, tabloide, cards duras */
body.theme-bold .site-header{border-bottom:5px solid var(--color-primario)}
body.theme-bold .section-title{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:700;border-left:9px solid var(--color-primario);padding-left:12px}
body.theme-bold .news-card{border:2px solid #14181f;border-radius:0;background:#fff}
body.theme-bold .card-title{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.01em}
body.theme-bold .card-badge{background:var(--color-primario);color:#fff;border-radius:0;text-transform:uppercase;font-weight:700}

/* MAGAZINE — DM Serif display, acento de color, cards con top-accent */
body.theme-magazine .site-header{border-bottom:3px solid var(--color-primario)}
body.theme-magazine .section-title{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:1.7rem;color:var(--color-secundario)}
body.theme-magazine .news-card{border:none;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(0,0,0,.10)}
body.theme-magazine .news-card .card-body{border-top:3px solid var(--color-primario)}
body.theme-magazine .card-title{font-family:'DM Serif Display',Georgia,serif;font-weight:400}
body.theme-magazine .card-badge{background:var(--color-primario);color:#fff;border-radius:4px;font-weight:700}

/* MINIMAL — Baskerville/Lato, mucho aire, sin bordes */
body.theme-minimal .site-header{border-bottom:1px solid #ececec}
body.theme-minimal .section-title{font-family:'Libre Baskerville',Georgia,serif;font-weight:700;letter-spacing:-.01em}
body.theme-minimal .news-card{border:none;border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid #ececec}
body.theme-minimal .card-title{font-family:'Libre Baskerville',Georgia,serif;font-weight:700}
body.theme-minimal .card-excerpt{color:#666}
body.theme-minimal .card-badge{background:transparent;color:#999;border:none;padding-left:0;text-transform:uppercase;letter-spacing:.14em;font-size:10px}

/* NEWSPAPER — broadsheet, reglas negras, serif pesado */
body.theme-newspaper .site-header{border-top:4px solid #14181f;border-bottom:1px solid #14181f}
body.theme-newspaper .section-title{font-family:'Playfair Display',Georgia,serif;font-weight:900;text-transform:uppercase;border-bottom:3px solid #14181f;padding-bottom:4px}
body.theme-newspaper .news-card{border:none;border-radius:0;background:#fff;border-top:1px solid #c8c8c8;padding-top:12px}
body.theme-newspaper .card-title{font-family:'Playfair Display',Georgia,serif;font-weight:800}
body.theme-newspaper .card-badge{background:#14181f;color:#fff;border-radius:0;text-transform:uppercase;font-weight:700}


/* ── Durán: masthead oscuro (navy) con logo blanco ── */
/* (Guayas usa su propio diseño editorial en themes/guayas.css desde el rediseño 2026-08-10) */
body.theme-duran .site-header{background:var(--color-secundario);border-bottom:3px solid var(--color-primario);box-shadow:0 2px 8px rgba(0,0,0,.15)}
body.theme-duran .nav-link{color:#e9edf2}
body.theme-duran .nav-link:hover{color:#fff}
body.theme-duran .logo-clave{color:#fff}
body.theme-duran .search-form input{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}
body.theme-duran .search-form input::placeholder{color:#c7d0da}
body.theme-duran .search-form button{color:#fff}
body.theme-duran .hamburger span{background:#fff}