/* Información destacada (slider) y Estrados electrónicos · Unidad de Transparencia UACM
   Reutiliza las clases del skin (.ut-news-grid, .ut-news-card, .ut-native-record) y solo agrega lo nuevo.
   Todos los selectores parten de #ut2026 para tener prioridad sobre los estilos generales del skin
   (por ejemplo, "#ut2026 button"). */

/* ── Bloques editables (panes de DNN) ─────────────────────────────── */
/* DNN envuelve cada módulo con estilos propios (12 px, gris): se hereda el tipo de letra del skin. */
#ut2026 [id$="Pane"] :is(.DnnModule, .DNNContainer_noTitle, .DNNModuleContent, .Normal) { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; }
/* Respaldo del skin: el servidor ya no lo genera si el pane tiene módulos; esto es una segunda garantía. */
#ut2026 .ut-slot > .ut-pane:not(.DNNEmptyPane) ~ .ut-default { display: none; }
#ut2026 .ut-slot, #ut2026 .ut-slot-enlaces { min-width: 0; }
#ut2026 .ut-footer-login { text-align: right; margin-top: .4em; font-size: .9em; }
/* Tarjetas de Accesos rápidos con contenido en línea dentro del enlace: el editor avanzado (CKEditor)
   divide los enlaces que contienen h3/p, así que se usan strong/span con el mismo aspecto. */
#ut2026 .ut-quick-card .ut-quick-title { display: block; font-size: .94em; line-height: 1.3; font-weight: 700; color: var(--ut-ink); margin: .65em 0 .4em; letter-spacing: -.02em; }
#ut2026 .ut-quick-card .ut-quick-text { display: block; font-size: .82em; line-height: 1.5; color: var(--ut-muted); }

/* ── Información destacada ─────────────────────────────────────────── */
/* Si el módulo 2sxc tiene tarjetas, se ocultan las tarjetas fijas del skin (si está vacío, se siguen viendo). */
#ut2026 .ut-featured:has(.ut-dest-pista) > .ut-news-grid,
#ut2026 .ut-featured.ut-dest-con-modulo > .ut-news-grid { display: none; }

/* min-width:0 evita que la pista del slider ensanche la columna de la cuadrícula en pantallas pequeñas */
#ut2026 .ut-featured, #ut2026 .ut-dest, #ut2026 .ut-dest-ventana { min-width: 0; }
#ut2026 .ut-dest { --ut-dest-pv: 3; --ut-dest-gap: .6em; --ut-dest-rojo: #990000; position: relative; }
#ut2026 .ut-dest-pista { margin: 0; padding: 0; list-style: none; }
#ut2026 .ut-dest-item { list-style: none; margin: 0; padding: 0; display: flex; min-width: 0; }
#ut2026 .ut-dest-item > .ut-news-card { flex: 1; min-width: 0; }

/* Modo slider (más tarjetas de las que caben) */
#ut2026 .ut-dest--slider .ut-dest-ventana { overflow: hidden; padding: 4px; margin: -4px; }
#ut2026 .ut-dest--slider .ut-dest-pista { display: flex; gap: var(--ut-dest-gap); grid-template-columns: none; transition: transform .55s cubic-bezier(.25, .8, .25, 1); will-change: transform; }
#ut2026 .ut-dest--slider .ut-dest-item { flex: 0 0 calc((100% - (var(--ut-dest-pv) - 1) * var(--ut-dest-gap)) / var(--ut-dest-pv)); }
@media (prefers-reduced-motion: reduce) { #ut2026 .ut-dest--slider .ut-dest-pista { transition: none; } }

#ut2026 .ut-dest-controles { display: flex; align-items: center; gap: .75em; margin-top: .8em; flex-wrap: wrap; }
#ut2026 .ut-dest-controles[hidden] { display: none; }
#ut2026 .ut-dest-estado { margin: 0; font-size: .8em; color: #59574f; flex: 1; min-width: 10em; }
#ut2026 .ut-dest-puntos { display: flex; align-items: center; gap: .1em; }
/* Área táctil de 24 px con un punto visible más pequeño */
#ut2026 .ut-dest-punto { position: relative; width: 24px; height: 24px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; cursor: pointer; }
#ut2026 .ut-dest-punto::before { content: ""; position: absolute; inset: 6px; border-radius: 50%; border: 2px solid var(--ut-dest-rojo); background: #fff; }
#ut2026 .ut-dest-punto[aria-current="true"]::before { background: var(--ut-dest-rojo); }
#ut2026 .ut-dest-botones { display: flex; gap: .4em; }
#ut2026 .ut-dest-btn { display: inline-flex; align-items: center; justify-content: center; gap: .35em; width: auto; min-width: 2.5rem; min-height: 2.5rem; margin: 0; padding: .3em .8em; border: 1px solid var(--ut-dest-rojo); border-radius: 999px; background: #fff; color: var(--ut-dest-rojo); box-shadow: none; font: 700 .85rem/1 Arial, Helvetica, sans-serif; text-transform: none; cursor: pointer; }
#ut2026 .ut-dest-btn > span[aria-hidden] { font-size: 1.6em; line-height: .6; }
#ut2026 .ut-dest-btn svg { width: 1.1em; height: 1.1em; }
#ut2026 .ut-dest-btn:hover { background: var(--ut-dest-rojo); color: #fff; }
#ut2026 .ut-dest-btn:focus-visible, #ut2026 .ut-dest-punto:focus-visible { outline: 3px solid #075fa9; outline-offset: 2px; }

/* Tablas de captura: ocultas al público (las sustituye el script); visibles y legibles en modo Editar de DNN */
#ut2026 #dnn_NoticiasPane table[hidden] { display: none; }
#ut2026 .ut-tabla-edicion { width: 100%; border-collapse: collapse; font-size: .85em; background: #fff; }
#ut2026 .ut-tabla-edicion th, #ut2026 .ut-tabla-edicion td { border: 1px solid #d6d1c6; padding: .4em .5em; vertical-align: top; text-align: left; }
#ut2026 .ut-tabla-edicion tr:first-child > * { background: #f5f3ed; font-weight: 700; }
#ut2026 .ut-tabla-edicion img { max-width: 120px; height: auto; }

/* ── Acceso "Publicar en Estrados" (solo personal autorizado) ─────── */
#ut2026 .ut-nav .ut-nav-publicar { border: 1px solid rgba(255, 255, 255, .8); border-radius: 999px; padding: .2em .75em; font-weight: 700; }
#ut2026 .ut-nav .ut-nav-publicar:hover, #ut2026 .ut-nav .ut-nav-publicar:focus-visible { background: #fff; color: #990000; }

#ut2026 .ut-estrados-admin { display: flex; align-items: center; gap: .75em; flex-wrap: wrap; margin: 0 0 1em; padding: .75em 1em; border: 1px solid #d6d1c6; border-left: 4px solid #990000; border-radius: 8px; background: #f5f3ed; }
#ut2026 .ut-estrados-admin strong { font-size: .85em; color: #59574f; text-transform: uppercase; letter-spacing: .04em; }
#ut2026 .ut-estrados-admin .ut-estrados-publicar { display: inline-flex; align-items: center; gap: .4em; width: auto; min-height: 2.5rem; margin: 0; border: 0; border-radius: 8px; padding: .55em 1em; background: #990000; color: #fff; font: 700 .9rem Arial, Helvetica, sans-serif; cursor: pointer; text-decoration: none; }
#ut2026 .ut-estrados-admin .ut-estrados-publicar:hover { background: #7a0000; }
#ut2026 .ut-estrados-admin .ut-estrados-publicar:focus-visible { outline: 3px solid #075fa9; outline-offset: 2px; }
#ut2026 .ut-estrados-admin small { color: #59574f; }