/* IOV · DISEÑO CENTRAL DE OSCAR (09-nov, fundador: «todas las IAs desde un archivo central; por empresa solo cambia el contenido»).
   Lo carga la sección «Lo último» de OSCAR en cada sitio (oscar.lo_ultimo y oscar.portada_ultimo). Los artículos (contenido) los pone el
   servidor de cada empresa; el diseño vive aquí. Su copia de base sigue dentro de cada sitio: si este archivo no carga, se ve como antes.
   Selectores con «html body» para mandar sobre la copia de base sin !important. Usa los colores de su marca (--ou-acc, --ou-bg, --ou-tx, --ou-fd). */
html body .oscar-ultimo { background: var(--ou-bg); color: var(--ou-tx); padding: 56px 0 64px; border-top: 1px solid color-mix(in srgb, var(--ou-tx) 12%, transparent); }
html body .oscar-ultimo .ou-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
html body .oscar-ultimo h2 { font-family: var(--ou-fd); font-weight: 600; margin: 0; color: var(--ou-tx); font-size: clamp(26px, 3vw, 34px); }
html body .oscar-ultimo .ou-todo { color: var(--ou-acc); font-weight: 600; text-decoration: none; white-space: nowrap; }
html body .oscar-ultimo .ou-todo:hover { text-decoration: underline; }
html body .oscar-ultimo .ou-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
html body .oscar-ultimo .ou-c { display: flex; flex-direction: column; text-decoration: none; color: var(--ou-tx); border-radius: 18px; overflow: hidden; background: color-mix(in srgb, var(--ou-bg) 92%, var(--ou-tx)); transition: transform .25s; }
html body .oscar-ultimo .ou-c:hover { transform: translateY(-3px); }
html body .oscar-ultimo .ou-x { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 20px; }
html body .oscar-ultimo .ou-d { font-size: 13px; color: color-mix(in srgb, var(--ou-tx) 60%, transparent); text-transform: uppercase; letter-spacing: .06em; }
html body .oscar-ultimo .ou-t { font-family: var(--ou-fd); font-size: 19px; line-height: 1.3; font-weight: 600; }
@media (max-width: 767px) {
  html body .oscar-ultimo { padding: 40px 0 48px; }
  html body .oscar-ultimo .ou-g { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 78%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
  html body .oscar-ultimo .ou-c { scroll-snap-align: start; }
  html body .oscar-ultimo .ou-h { align-items: center; }
}