/* Identidad común de portada, categorías, últimas noticias y detalle.
   Orden: estructura → componentes → excepciones de vista → identidad → esqueletos.
   Los esqueletos siempre conservan prioridad sobre la presentación del contenido. */
#noticias-contenedor {
    --color-primario: #3478f6;
    --color-primario-oscuro: #2154b8;
    --color-primario-claro: #6199fa;
    --color-secundario: #55bfb9;
    --color-acento: #7659dc;
    --color-texto: #202b40;
    --color-texto-claro: #657187;
    --color-fondo: #fff;
    --color-fondo-claro: #f5f8ff;
    --color-borde: #dfe8fb;
    --radio-borde: 12px;
    --radio-borde-grande: 18px;
    --periodico-degradado: linear-gradient(110deg,#3478f6,#4b91ed 55%,#55bfb9);
    --sombra-suave: none;
    --sombra-media: none;
    --sombra-fuerte: none;
    width: 100%;
    max-width: 1600px;
    margin-inline: auto;
    background: #fff;
    color: var(--color-texto);
}
#noticias-contenedor *, #noticias-contenedor *::before, #noticias-contenedor *::after { box-sizing: border-box; }
#noticias-contenedor .noticias_encabezado { padding: 32px 20px 24px; background: #fff; box-shadow: none; border: 0; }
#noticias-contenedor .noticias_encabezado-titulo { color: var(--color-primario); font-size: clamp(24px,3vw,40px); line-height: 1.15; letter-spacing: -.6px; text-shadow: none; }
#noticias-contenedor .noticias_encabezado-subtitulo { margin-top: 12px; color: var(--color-texto-claro); font-size: 15px; }
#noticias-contenedor .noticias_barra-categorias { background: #fff; box-shadow: none; border-block: 1px solid var(--color-borde); }
#noticias-contenedor :is(.noticias_categoria-general,.noticias_categoria-seccion) { color: var(--color-primario-oscuro); background: #f0f5ff; border: 1px solid var(--color-borde); border-radius: 999px; box-shadow: none; font-size: 13px; font-weight: 700; text-decoration: none; }
#noticias-contenedor :is(.noticias_categoria-general,.noticias_categoria-seccion):hover { color: #fff; background: var(--periodico-degradado); border-color: transparent; }
#noticias-contenedor .noticias_layout { grid-template-columns: 220px minmax(0,1fr) 240px; gap: 32px; padding: 0 24px; margin: 32px auto; }
#noticias-contenedor :is(.noticias_columna-izquierda,.noticias_columna-derecha) {
    display: block;
    padding: 0;
    position: sticky;
    align-self: start;
    top: var(--periodico-lateral-top, 140px);
    max-height: calc(100vh - var(--periodico-lateral-top, 140px) - 16px);
    max-height: calc(100dvh - var(--periodico-lateral-top, 140px) - 16px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c5d8fa transparent;
}
#noticias-contenedor :is(.periodico_h1,.noticias_widget-titulo,.periodico_secundarias-titulo) { color: var(--color-primario-oscuro); border: 0; border-image: none; padding-bottom: 0; background: none; box-shadow: none; text-shadow: none; }
#noticias-contenedor .periodico_h1 { color: var(--color-primario); font-size: clamp(23px,2.2vw,32px); font-weight: 900; line-height: 1.3; letter-spacing: -.4px; margin-bottom: 24px; }
#noticias-contenedor .periodico_h1::after { content: ""; display: block; width: 72px; height: 3px; margin-top: 12px; border-radius: 3px; background: var(--periodico-degradado); }
#noticias-contenedor .periodico_h1:hover { transform: none; }
#noticias-contenedor .noticias_widget-titulo { display: block; color: var(--color-primario); font-size: 17px; font-weight: 800; letter-spacing: .01em; margin-bottom: 20px; }
#noticias-contenedor .noticias_widget-titulo::after { content: ""; display: block; width: 100%; height: 3px; margin-top: 12px; border-radius: 3px; background: var(--periodico-degradado); }
#noticias-contenedor .periodico_titulo-principal { color: var(--color-texto); font-size: clamp(26px,2.6vw,38px); line-height: 1.2; letter-spacing: -.6px; margin: 0 0 16px; text-wrap: balance; }
#noticias-contenedor .periodico_fecha-principal { color: var(--color-texto-claro); font-size: 13px; line-height: 1.6; padding: 0 0 16px; margin: 0 0 24px; border: 0; flex-wrap: wrap; }
#noticias-contenedor .periodico_secundarias-titulo { font-size: clamp(20px,2vw,27px); line-height: 1.4; margin-block: 24px; }
#noticias-contenedor .periodico_detalle-articulo > .periodico_secundarias-titulo { color: var(--color-texto-claro); font-size: clamp(18px,1.6vw,22px); font-weight: 500; line-height: 1.65; }
#noticias-contenedor .periodico_portada { border-radius: 0; overflow: visible; }
#noticias-contenedor .periodico_tags { position: static; margin: 0 0 16px; }
#noticias-contenedor :is(.periodico_tag,.periodico_tag-secundaria,.periodico_cartas_secundarias__tag) { background: #edf3ff; color: var(--color-primario-oscuro); border: 0; padding: 6px 12px; border-radius: 999px; box-shadow: none; font-size: 12px; line-height: 1.5; }
#noticias-contenedor .periodico_portada .periodico_contenedor-imagen { max-width: 100%; aspect-ratio: 16 / 10; background: #f0f3f0; box-shadow: none; border-radius: 6px; }
#noticias-contenedor .periodico_contenedor-imagen:hover > img.periodico_imagen-portada { transform: none; }
#noticias-contenedor .periodico_detalle-articulo .periodico_descripcion { width: 100%; max-width: none; min-width: 0; margin: 28px 0; font-size: 18px; line-height: 1.85; }
#noticias-contenedor .periodico_parrafo-descripcion { text-align: left; margin-bottom: 20px; overflow-wrap: anywhere; }
#noticias-contenedor .periodico_descripcion img { max-width: 100%; height: auto; }
#noticias-contenedor :is(.periodico_card-secundaria,.periodico_cartas_secundarias__card) { background: #fff; border: 1px solid var(--color-borde); border-radius: 16px; box-shadow: 0 6px 20px rgba(42,83,155,.05); transform: none; }
#noticias-contenedor :is(.periodico_card-secundaria,.periodico_cartas_secundarias__card):hover { box-shadow: 0 8px 24px rgba(42,83,155,.09); transform: none; border-color: #b7cdf6; }
#noticias-contenedor :is(.periodico_titulo-secundaria,.periodico_cartas_secundarias__titulo) { color: var(--color-texto); font-size: 18px; line-height: 1.45; letter-spacing: -.2px; }
#noticias-contenedor :is(.periodico_boton-principal,.periodico_boton-secundario,.periodico_boton-secundario--sm,.periodico_cartas_secundarias__boton) { min-height: 44px; height: auto; padding: 11px 20px; background: var(--periodico-degradado); color: #fff; border: 0; border-radius: 999px; box-shadow: none; font: inherit; font-size: 14px; font-weight: 700; text-decoration: none; transform: none; }
#noticias-contenedor :is(.periodico_boton-principal,.periodico_boton-secundario,.periodico_cartas_secundarias__boton):hover { background: var(--color-primario-oscuro); box-shadow: none; transform: none; }
#noticias-contenedor .noticias_ultimas-item { padding: 12px; margin: 0 0 10px; background: #f5f8ff; border: 0; border-radius: 12px; box-shadow: none; }
#noticias-contenedor .noticias_ultimas-item:hover { background: #edf3ff; transform: none; box-shadow: none; }
#noticias-contenedor .noticias_ultimas-numero { display: grid; place-items: center; min-width: 28px; min-height: 32px; color: var(--color-primario); background: #e4edff; border-radius: 8px; font-size: 15px; }
#noticias-contenedor .noticias_ultimas-enlace { align-items: flex-start; font-size: 14px; line-height: 1.6; }
#noticias-contenedor .noticias_publicidad-disponible { background: linear-gradient(145deg,#fafcff,#edf5ff); border: 1px solid var(--color-borde); border-radius: 18px; box-shadow: none; padding: 20px; transform: none; }
#noticias-contenedor .noticias_publicidad-disponible:hover { box-shadow: none; transform: none; }
#noticias-contenedor .noticias_publicidad-disponible-etiqueta { background: #e4edff; color: var(--color-primario-oscuro); padding: 5px 10px; border-radius: 999px; }
#noticias-contenedor .noticias_publicidad-disponible-titulo { color: var(--color-primario-oscuro); font-size: 18px; line-height: 1.4; }
#noticias-contenedor .noticias_publicidad-disponible-cta { background: var(--periodico-degradado); color: #fff; border-radius: 999px; box-shadow: none; }
#noticias-contenedor :is(.noticias_separador,.noticias_separador_mejorado) { height: 1px; width: 100%; background: var(--color-borde); border: 0; }
#noticias-contenedor a:focus-visible, #noticias-contenedor button:focus-visible { outline: 2px solid var(--color-primario); outline-offset: 4px; }
/* Más noticias: una sola tarjeta para portada inicial, AJAX y categoría. */
#noticias-contenedor :is(.periodico_grid-secundarias,.periodico_cartas_secundarias__grid) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: stretch; }
#noticias-contenedor .periodico_card-secundaria { display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
#noticias-contenedor .periodico_card-media { display: block; flex: none; aspect-ratio: 16 / 9; overflow: hidden; background: #edf2fa; }
#noticias-contenedor .periodico_card-media[hidden] { display: none; }
#noticias-contenedor .periodico_card-media.periodico_card-media-respaldo { background: radial-gradient(ellipse at 85% 15%,rgba(115,221,181,.55),transparent 60%),linear-gradient(135deg,#2864dc 0%,#328cbb 50%,#329b73 100%); animation: none; }
#noticias-contenedor .periodico_card-media img[hidden] { display: none; }
#noticias-contenedor .periodico_card-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
#noticias-contenedor .periodico_card-media:not(.periodico_card-media-lista) { background: linear-gradient(90deg,#eef2ef 25%,#e3e9e4 50%,#eef2ef 75%); background-size: 220% 100%; animation: periodico_esqueleto_brillo 1.35s ease-in-out infinite; }
#noticias-contenedor .periodico_card-media:not(.periodico_card-media-lista) img { visibility: hidden; }
#noticias-contenedor .periodico_card-secundaria-contenido { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px; flex: 1; }
#noticias-contenedor .periodico_card-secundaria .periodico_tag-secundaria { width: auto; max-width: 100%; }
#noticias-contenedor .periodico_card-secundaria .periodico_titulo-secundaria { margin: 0; min-height: 0; -webkit-line-clamp: 3; }
#noticias-contenedor .periodico_card-resumen { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; color: var(--color-texto-claro); font-size: 14px; line-height: 1.65; }
#noticias-contenedor .periodico_card-fecha { color: var(--color-texto-claro); font-size: 12px; line-height: 1.5; }
#noticias-contenedor .periodico_card-secundaria-footer { padding: 0 18px 18px; margin-top: auto; border: 0; background: #fff; }
#noticias-contenedor .periodico_card-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media(prefers-reduced-motion:reduce) { #noticias-contenedor .periodico_card-media { animation: none !important; } }
@media(max-width:1200px) {
    #noticias-contenedor :is(.periodico_grid-secundarias,.periodico_cartas_secundarias__grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
    #noticias-contenedor .noticias_layout { grid-template-columns: minmax(0,1fr) 220px; gap: 24px; }
    #noticias-contenedor .noticias_columna-centro { grid-column: 1; grid-row: 1; }
    #noticias-contenedor .noticias_columna-derecha { grid-column: 2; grid-row: 1; }
    #noticias-contenedor .noticias_columna-izquierda { grid-column: 1/-1; grid-row: 2; position: static; max-height: none; overflow: visible; }
}
@media(max-width:760px) {
    #noticias-contenedor :is(.periodico_grid-secundarias,.periodico_cartas_secundarias__grid) { grid-template-columns: 1fr; }
    #noticias-contenedor .noticias_layout { display: flex; flex-direction: column; gap: 32px; padding-inline: 16px; margin-block: 24px; }
    #noticias-contenedor :is(.noticias_columna-centro,.noticias_columna-derecha,.noticias_columna-izquierda) { width: 100%; position: static; max-height: none; overflow: visible; }
    #noticias-contenedor .noticias_columna-centro { order: 0; }
    #noticias-contenedor .noticias_columna-derecha { order: 1; }
    #noticias-contenedor .noticias_columna-izquierda { order: 2; }
    #noticias-contenedor .periodico_detalle-articulo .periodico_descripcion { font-size: 17px; line-height: 1.8; }
}