/* ============================================================
   Tema "Revista" — editorial: esquinas cuadradas, títulos con
   subrayado de acento, tarjetas más sobrias. Se carga DESPUÉS
   de app.css, así que sobrescribe el look base.
   ============================================================ */

/* Títulos de sección con subrayado de acento */
.section-head .title h2 { position: relative; padding-bottom: 12px; letter-spacing: -.02em; }
.section-head .title h2::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 46px; height: 3px;
  background: rgb(var(--accent)); border-radius: 2px;
}
.section-head .title p { text-transform: uppercase; letter-spacing: .12em; font-size: 12px; }

/* Esquinas cuadradas (editorial) en todo lo que era redondeado */
.hero, .news-feat, .news-feat-img, .news-card, .news-item, .event-card, .event-flyer,
.dir-card, .dir-card-img, .host-card, .host-photo, .pod-card, .pod-cover, .short-card,
.top-row, .btn, .btn-primary, .btn-ghost, .promo-carousel, .promo-item, .promo-box,
.prog-slot, .contact-card { border-radius: 6px !important; }

/* Hero un poco más panorámico y sobrio */
.hero { aspect-ratio: 24 / 9; }
.hero-content h1 { letter-spacing: -.03em; }

/* Tarjetas más sobrias: borde superior de acento en las de noticias */
.news-card { border-top: 3px solid rgb(var(--accent)); }
.news-card:hover, .event-card:hover, .dir-card:hover, .host-card:hover { transform: none; box-shadow: 0 10px 26px -14px rgba(0,0,0,.5); }

/* Secciones un poco más compactas y con separador fino */
.section { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid rgb(var(--border) / .5); }
.section.tint { border-top: none; }

/* Botones más planos */
.btn { font-weight: 700; }