/* articulo.css — estilos propios de articulo.php.
   Extraído del <style> embebido el 2026-07-06 (Fase 1, sin cambios de contenido).
   Esta página NO usa rmc.css: todo su CSS vive aquí. */

  .art-hero { padding: 110px 24px 56px; text-align: center; position: relative; border-bottom: 1px solid var(--parchment); }
  .art-hero-inner { max-width: 760px; margin: 0 auto; }
  .art-cat { font-size: 9px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--teal); font-weight: 500; margin-bottom: 20px; }
  .art-title { font-size: clamp(28px, 4.2vw, 50px); font-weight: 200; line-height: 1.12; letter-spacing: 0.01em; }
  .art-dek { margin-top: 22px; font-size: clamp(15px,1.6vw,19px); color: var(--stone); line-height: 1.7; }
  .art-cover { width: 100%; max-width: 1100px; margin: 0 auto; }
  .art-cover img { width: 100%; aspect-ratio: 16/8; object-fit: cover; border-bottom: 1px solid var(--parchment); }
  .art-cover-cap { text-align: center; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mist); padding: 12px 24px; }