/* turquesa.css — Template TURQUESA (familia Gemas, sobre motor.css).
   Neobrutalista: bordes de 3 px, sombras duras y turquesa plano. */
:root { --fondo: #fffdf5; --papel: #ffffff; --tinta: #111; --tenue: #444; --linea: #111; --acento: #12c2b0; --acento-tx: #111; --cab-fondo: #fffdf5;
  --pie-fondo: #111; --pie-tinta: #eee; --radio: 10px; --borde-c: 3px; --sombra: 6px 6px 0 #111; --peso-tit: 900; --track-tit: -0.02em; --hero-tam: 42px; --img-ratio: 16 / 11; }
/* --linea es #111 (los bordes), y el motor la usa de fondo de la foto: sin
   esto, mientras la imagen carga, la tarjeta es una losa negra */
.t-turquesa .mt-c .mt-img { background: #d5f3ee; }
.t-turquesa .mt-c .mt-img { border-bottom: 3px solid #111; border-radius: 7px 7px 0 0; }
.t-turquesa .mt-c.fila .mt-img { border-bottom: 0; border-right: 3px solid #111; border-radius: 7px 0 0 7px; }
.t-turquesa .mt-c:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 #111; }
.t-turquesa .mt-c { transition: transform .15s, box-shadow .15s; }
.t-turquesa .mt-chip { background: var(--cat); color: #fff; padding: 3px 8px; border: 2px solid #111; border-radius: 6px; }
.t-turquesa .mt-marca.enorme { -webkit-text-stroke: 3px #111; color: var(--acento); text-shadow: 6px 6px 0 #111; }
.t-turquesa .cab-apilada .mt-nav a { border: 2px solid #111; font-weight: 800; background: #fff; }
/* el fondo blanco de arriba pisa el del activo del motor: sin esta regla la
   pill activa quedaba blanco sobre blanco */
.t-turquesa .cab-apilada .mt-nav a:hover, .t-turquesa .cab-apilada .mt-nav a.activo { background: var(--cat, var(--acento)); border-color: #111; color: #fff; box-shadow: 3px 3px 0 #111; }
.t-turquesa .cab-apilada .navfila { border-top: 3px solid #111; }
.t-turquesa .mt-buscar { border: 2px solid #111; box-shadow: 3px 3px 0 #111; }
.t-turquesa .mt-secc-h { border-bottom: 0; }
.t-turquesa .mt-secc-h h2 { background: var(--acento); border: 3px solid #111; box-shadow: 4px 4px 0 #111; padding: 4px 14px; border-radius: 8px; font-size: 24px; }
.t-turquesa .mt-panel-h { border-bottom: 3px solid #111; }
.t-turquesa .mt-coti li, .t-turquesa .mt-rank li, .t-turquesa .mt-fix li { border-bottom: 2px dashed #111; }
.t-turquesa .mt-ticker { background: #ffe14d; color: #111; border-bottom: 3px solid #111; }
.t-turquesa .mt-ticker .up { color: #0a7a3c; } .t-turquesa .mt-ticker .down { color: #b00012; }
.t-turquesa .mt-boletin { border: 3px solid #111; box-shadow: 6px 6px 0 #111; color: #111; }
.t-turquesa .mt-boletin input { border: 2px solid #111; }

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

/* menú móvil abierto: las pills con borde apiladas una sobre otra eran una
   pared de cajas; abierto es una lista con filetes y el cajón lleva el borde
   y la sombra dura de la casa */
.t-turquesa .mt-cab #mt-menu-m:checked ~ .mt-nav { border: 3px solid #111; box-shadow: 6px 6px 0 #111; border-radius: var(--radio); left: 16px; right: 16px; background: #fff; }
.t-turquesa .mt-cab #mt-menu-m:checked ~ .mt-nav a { border: 0; border-bottom: 2px solid #111; border-radius: 0; box-shadow: none; background: transparent; color: #111; }
.t-turquesa .mt-cab #mt-menu-m:checked ~ .mt-nav a.activo { background: var(--acento); padding-left: 10px; }
.t-turquesa .mt-cab #mt-menu-m:checked ~ .mt-nav a:last-child { border-bottom: 0; }
 a 3:1 sobre blanco: sirve de relleno (pills,
   rótulos), no de texto; los números y horas que el motor pinta con el
   acento van en el turquesa profundo */
.t-turquesa .mt-vs .hora, .t-turquesa .mt-rank .n, .t-turquesa .mt-coment .n, .t-turquesa .mt-ahora .h, .t-turquesa .mt-num, .t-turquesa .mt-cal .dia.hoy { color: #08776c; }