/*
 * Diario de Ruta — hoja de estilos de la publicación.
 *
 * Ámbito: SOLO las rutas /diario/*. La landing (/) usa styles.css y nunca carga
 * este archivo. Los resets de body/a de ambos proyectos son distintos y
 * deliberados; no unificar.
 *
 * Bloque 1 — resets y utilidades responsive: copia literal del <style> de la
 *            exportación aprobada (Freeze Editorial v1.0).
 * Bloque 2 — estados hover/focus generados desde los atributos style-hover y
 *            style-focus del diseño original. !important es necesario para
 *            prevalecer sobre los estilos inline del markup, igual que en
 *            styles.css con las clases .rp-x* de la landing.
 */

/* ============================================================
   1 — BASE (literal del export)
   ============================================================ */
html{scroll-behavior:auto}
body{margin:0;background:#F9F6EE;color:#1C1712;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color 180ms ease,background-color 200ms ease,opacity 180ms ease}
a:hover{color:#C5511D}
a:active{opacity:0.72}
.hl{transition:color 180ms ease}
a:hover .hl{color:#C5511D !important}
@media (hover:hover) and (pointer:fine){
.card-h{transition:background-color 200ms ease}
.card-h:hover{background-color:rgba(28,23,18,0.03)}
.card-h:hover .hl{color:#000 !important}
}
::selection{background:#C5511D;color:#F9F6EE}
input::placeholder{color:#ABA394}
[data-route-scroll]{scrollbar-width:none;-ms-overflow-style:none}
[data-route-scroll]::-webkit-scrollbar{width:0;height:0;display:none}
@media (max-width:940px){
.m-folio{grid-template-columns:1fr auto !important;row-gap:9px !important}
.m-folio-center{grid-column:1 / -1 !important;grid-row:2 !important;text-align:left !important;line-height:1.7 !important}
.m-folio-full{display:none !important}
.m-folio-short{display:inline !important}
.m-nav{justify-content:flex-start !important;flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none}
.m-nav::-webkit-scrollbar{display:none}
.m-nav a{white-space:nowrap}
.m-hero{display:block !important}
.m-rail{border-left:none !important;padding-left:0 !important;border-top:1px solid #E3DCCB !important;margin-top:48px !important;padding-top:40px !important}
.m-split{display:block !important}
.m-fig{margin:40px auto 0 !important;max-width:520px}
.m-row{display:block !important}
.m-row>*{border-left:none !important;padding:30px 0 !important}
.m-row>*+*{border-top:1px solid #E3DCCB}
.m-row-dark>*+*{border-top:1px solid rgba(242,237,226,0.18)}
.m-serie{display:block !important;border-top:none !important}
.m-serie>*{border-top:1px solid #B8AF9B !important}
.m-serie>*+*{margin-top:34px}
.m-crono{display:block !important;border-top:none !important}
.m-crono>*{border-top:1px solid #C9C2B0 !important}
.m-crono>*+*{margin-top:34px}
}
@media (max-width:1340px){
.m-nota{position:static !important;left:auto !important;top:auto !important;width:auto !important;max-width:440px;text-align:left !important;margin:32px 0 0}
}
@media (max-width:480px){
.m-tagline{font-size:9.5px !important;letter-spacing:0.22em !important}
}

/* ============================================================
   2 — ESTADOS (desde style-hover / style-focus del export)
   ============================================================ */

/* Solo se declaran los estados que existían en el diseño aprobado. El export
   traía 10 atributos style-hover (8 idénticos en la nav + 2 CTA) y 1
   style-focus (el campo de correo). No se añaden estados nuevos: introducir
   focus-visible propios sería un cambio visual no aprobado. El foco de teclado
   queda con el anillo por defecto del navegador, igual que en el export. */

/* .dr-x1 — pestañas de la navegación de secciones (8 usos, regla idéntica).
   Origen: style-hover="background:#17120E;color:#F9F6EE" */
.dr-x1:hover{background:#17120E !important;color:#F9F6EE !important}

/* .dr-x2 — CTA naranja «Descargar Ruta PAES».
   Origen: style-hover="background:#BC4823;color:#FAF8F5" */
.dr-x2:hover{background:#BC4823 !important;color:#FAF8F5 !important}

/* .dr-x3 — CTA oscuro «Entrar a Workspace».
   Origen: style-hover="background:#302823;color:#F9F6EE" */
.dr-x3:hover{background:#302823 !important;color:#F9F6EE !important}

/* .dr-x4 — campo de correo de la suscripción.
   Origen: style-focus="border-bottom:1px solid #C5511D" */
.dr-x4:focus{border-bottom:1px solid #C5511D !important}