/* jade.css — Template JADE (familia Gemas, sobre motor.css).
   Claro, verde agua y redondeado: tarjetas blandas con sombra difusa. */
:root { --fondo: #eef5f1; --papel: #ffffff; --tinta: #10302a; --tenue: #5d7a72; --linea: #d6e6df; --acento: var(--m1, #0f8a6a); --cab-fondo: #eef5f1;
  --pie-fondo: #0d2b25; --pie-tinta: #b9d7cd; --radio: 20px; --sombra: 0 10px 30px rgba(16,48,42,.08); --f-tit: 'Inter', system-ui, sans-serif; --peso-tit: 750; --track-tit: -0.025em; --hero-tam: 44px; --img-ratio: 4 / 3; }
.t-jade .mt-c .mt-img { margin: 8px 8px 0; border-radius: 14px; }
.t-jade .mt-c.sobre .mt-img { margin: 0; }
.t-jade .ap-dividida .hero .mt-img { margin: 10px; border-radius: 16px; }
/* pastilla en el color de la sección, con el texto oscurecido hacia la tinta: un
   amarillo o un celeste de categoría puro no se leía sobre su propio tinte */
.t-jade .mt-chip { background: color-mix(in srgb, var(--cat, var(--acento)) 14%, transparent); color: color-mix(in srgb, var(--cat, var(--acento)) 70%, #10302a); padding: 4px 9px; border-radius: 999px; }
.t-jade .mt-secc-h { border-bottom: 0; }
.t-jade .mt-secc-h h2 { font-size: 28px; }
.t-jade .mt-secc-h h2::before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 4px; background: var(--cat); margin-right: 10px; vertical-align: middle; }
.t-jade .mt-secc-h .subs a { background: #fff; }
/* el fondo blanco de arriba pisaba el del activo: "Todas" quedaba blanco sobre blanco */
.t-jade .mt-secc-h .subs a.activo { background: var(--cat, var(--acento)); border-color: var(--cat, var(--acento)); color: #fff; }
.t-jade .mt-panel-h { border-bottom: 0; }
.t-jade .mt-boletin { background: linear-gradient(120deg, var(--acento), color-mix(in srgb, var(--acento) 60%, #10302a)); }
.t-jade .mt-buscar { border: 0; box-shadow: var(--sombra); }
.t-jade .mt-cal .dia { border-radius: 14px; background: #fff; }
/* ídem con el día elegido (hoy, sin fecha): sin esto el 12 era un recuadro vacío */
.t-jade .mt-cal .dia.activo { background: var(--acento); color: var(--acento-tx); }
/* el texto del héroe se centra en su mitad: abajo de la bajada quedaba un hueco */
.t-jade .ap-dividida .hero .mt-t { justify-content: center; }
.t-jade .mt-pie { border-radius: 28px 28px 0 0; }

/* 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-jade .mt-c { position: relative; }
.t-jade .mt-c h1 a::after, .t-jade .mt-c h2 a::after, .t-jade .mt-c h3 a::after, .t-jade .mt-c h4 a::after { content: ""; position: absolute; inset: 0; }