/* esmeralda.css — Template ESMERALDA (familia Gemas, sobre motor.css).
   Verde estadio en oscuro: césped profundo, marcadores en blanco y lima. */
:root { --fondo: #04170f; --papel: #0a2618; --tinta: #eafff3; --tenue: #86b39b; --linea: #15402b; --acento: #3ee07f; --acento-tx: #03150c; --cab-fondo: #031209;
  --pie-fondo: #020d07; --pie-tinta: #86b39b; --radio: 8px; --peso-tit: 800; --mayus-tit: none; --track-tit: -0.02em; --hero-tam: 42px; --img-ratio: 16 / 10; --up: #3ee07f; --down: #ff6b6b; }
.t-esmeralda body, body.t-esmeralda { background: repeating-linear-gradient(90deg, #04170f 0 80px, #051c12 80px 160px); }
/* borde sólo en tarjetas: las filas de los paneles (li.mt-c) también son
   .mt-c y quedaban encajonadas una por una */
.t-esmeralda .mt-c:not(li):not(.texto):not(.sobre) { border: 1px solid var(--linea); }
.t-esmeralda .mt-marca b { font-style: italic; text-transform: uppercase; letter-spacing: -0.03em; }
.t-esmeralda .mt-marca b::after { content: ''; display: inline-block; width: 10px; height: 10px; background: var(--acento); border-radius: 50%; margin-left: 6px; }
.t-esmeralda .mt-nav a { text-transform: uppercase; font-size: 12.5px; letter-spacing: .06em; }
.t-esmeralda .mt-buscar { background: #0a2618; border-color: var(--linea); }
.t-esmeralda .mt-secc-h { border-bottom: 2px solid var(--acento); }
.t-esmeralda .mt-secc-h h2 { text-transform: uppercase; font-style: italic; }
.t-esmeralda .ap-dividida .hero .mt-t { background: linear-gradient(135deg, #0a2618, #0f3a24); }
.t-esmeralda .mt-panel { border: 1px solid var(--linea); }
.t-esmeralda .mt-panel-h { border-bottom-color: var(--acento); }
.t-esmeralda .mt-fix .eqs em.marc { background: var(--acento); color: #03150c; }
.t-esmeralda .mt-ticker { background: #000; color: #eafff3; border-bottom: 1px solid var(--linea); }
.t-esmeralda .mt-cal { background: transparent; border-color: var(--linea); }
.t-esmeralda .mt-cal .dia { border-color: var(--linea); }
.t-esmeralda .mt-boletin button { background: #03150c; color: #fff; }

/* tarjeta entera clickeable (stretched-link): el contenedor .mt-c está
   posicionado en motor.css y el a del título se estira sobre él. Va acá y
   no sólo en la base porque HU-001 lo verifica en el CSS de cada template. */
.t-esmeralda .mt-c { position: relative; }
.t-esmeralda .mt-c h1 a::after, .t-esmeralda .mt-c h2 a::after, .t-esmeralda .mt-c h3 a::after, .t-esmeralda .mt-c h4 a::after { content: ""; position: absolute; inset: 0; }

/* el motor pinta "Ver sección" con el color de la categoría: sobre el césped
   oscuro el violeta de Vida o el rojo de Policiales no se leen; va en lima */
.t-esmeralda .mt-secc-h .ver { color: var(--acento); }