/* coral.css — Template CORAL (familia Gemas, sobre motor.css).
   Durazno cálido: bandera coral, tarjetas suaves y titulares redondos. */
:root { --fondo: #fff3ee; --papel: #ffffff; --tinta: #3a1d17; --tenue: #8b6359; --linea: #f5dcd3; --acento: #ff6f59; --cab-fondo: #fff3ee;
  --pie-fondo: #3a1d17; --pie-tinta: #f6d5cb; --radio: 14px; --sombra: 0 6px 18px rgba(255,111,89,.12); --peso-tit: 800; --track-tit: -0.02em; --hero-tam: 42px; --img-ratio: 3 / 2; }
.t-coral .mt-marca.grande { font-size: 46px; color: var(--acento); }
.t-coral .cab-bandera .navfila { background: var(--acento); border-radius: 999px; margin: 0 24px 6px; }
.t-coral .cab-bandera .navfila .wrap { padding: 0 16px; }
.t-coral .cab-bandera .navfila .mt-nav a:hover, .t-coral .cab-bandera .navfila .mt-nav a.activo { background: rgba(255,255,255,.22); border-radius: 999px; }
.t-coral .mt-chip { background: color-mix(in srgb, var(--cat, var(--acento)) 15%, #fff); color: color-mix(in srgb, var(--cat, var(--acento)) 72%, #000); padding: 3px 9px; border-radius: 999px; }
/* la pastilla tiñe fondo Y texto con el color de la sección: con el texto en
   el acento coral, una pastilla verde de Economía decía su nombre en salmón */
.t-coral .mt-secc-h { border-bottom: 2px dotted var(--acento); }
.t-coral .mt-secc-h h2 a { color: var(--acento); }
.t-coral .ap-superpuesta .secs .mt-c { background: #fff; }
.t-coral .mt-panel-h { border-bottom: 2px dotted var(--acento); }
.t-coral .mt-boletin { background: #ffd9cf; color: var(--tinta); }
.t-coral .mt-boletin button { background: var(--acento); 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-coral .mt-c { position: relative; }
.t-coral .mt-c h1 a::after, .t-coral .mt-c h2 a::after, .t-coral .mt-c h3 a::after, .t-coral .mt-c h4 a::after { content: ""; position: absolute; inset: 0; }