/* cornalina.css — Template CORNALINA (familia Gemas, sobre motor.css).
   Papel gris con franjas naranja: diario gráfico, rail a la izquierda. */
:root { --fondo: #ebebe8; --papel: #ffffff; --tinta: #1a1a1a; --tenue: #61615c; --linea: #d6d6d0; --acento: #f2601d; --cab-fondo: #1a1a1a; --cab-tinta: #fff; --nav-tinta: #fff;
  --pie-fondo: #1a1a1a; --pie-tinta: #cfcfca; --radio: 3px; --peso-tit: 800; --track-tit: -0.02em; --hero-tam: 44px; --img-ratio: 16 / 9; }
.t-cornalina .mt-cab { border-bottom: 6px solid var(--acento); box-shadow: 0 6px 0 #fff, 0 12px 0 var(--acento); margin-bottom: 12px; }
.t-cornalina .mt-buscar { background: #2a2a2a; border-color: #3a3a3a; }
.t-cornalina .mt-buscar input, .t-cornalina .mt-buscar button { color: #fff; }
.t-cornalina .mt-marca b { text-transform: uppercase; }
.t-cornalina .mt-marca b::first-letter { color: var(--acento); }
.t-cornalina .mt-secc-h { border-bottom: 0; border-left: 8px solid var(--acento); padding: 4px 0 4px 12px; background: linear-gradient(90deg, #fff, transparent); }
.t-cornalina .mt-secc-h h2 { text-transform: uppercase; font-size: 22px; }
/* de a pares cada columna mide ~450px: las pills se partían en dos renglones y
   "Ver sección" caía a un tercero. Título y enlace arriba, pills en una tira
   que se desliza */
.t-cornalina .mt-secc-h { display: grid; grid-template-columns: minmax(0, 1fr) auto; row-gap: 8px; }
.t-cornalina .mt-secc-h .ver { grid-column: 2; grid-row: 1; }
.t-cornalina .mt-secc-h .subs { grid-column: 1 / -1; grid-row: 2; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.t-cornalina .mt-secc-h .subs::-webkit-scrollbar { display: none; }
/* en la barra negra no entraban las nueve secciones junto a los íconos (que
   ya están en el pie): sin íconos, Tecnología deja de quedar cortada */
.t-cornalina .mt-cab .mt-seguir { display: none; }
.t-cornalina .mt-chip { color: var(--acento); }
.t-cornalina .mt-panel-h { border-bottom: 4px solid var(--acento); }
.t-cornalina .mt-rank .n { color: var(--acento); }
/* las franjas van un punto más hondas que el acento: el texto blanco chico del
   boletín sobre el naranja puro no llegaba a 4.5:1 */
.t-cornalina .mt-boletin { background: repeating-linear-gradient(135deg, #d4500f 0 18px, #c4480c 18px 36px); }
.t-cornalina .ap-panoramica .hero .mt-t { border-top: 6px solid var(--acento); border-radius: 0 0 var(--radio) var(--radio); }
/* diario gráfico, no revista: el recuadro del título se recuesta a la
   izquierda y alinea a bandera, en vez del medallón centrado de ámbar */
.t-cornalina .ap-panoramica .hero .mt-t { margin-left: 32px; text-align: left; align-items: flex-start; }
.t-cornalina .ap-panoramica .hero .mt-chip { align-self: flex-start; }
.t-cornalina .ap-panoramica .hero .mt-m { justify-content: flex-start; }
@media (max-width: 600px) { .t-cornalina .ap-panoramica .hero .mt-t { margin-left: 12px; margin-right: 12px; width: auto; } }
@media (max-width: 900px) { .t-cornalina .mt-cab #mt-menu-m:checked ~ .mt-nav a { color: var(--tinta); } }

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