/* ============================================
   AIN | COSTA RICA — Panel admin (Noticias / Portal)
   Complementos sobre el CSS del framework.
   Solo usa design tokens del tema.
   ============================================ */

.modal-noticia-ancho {
    width: min(46rem, 92vw);
}

.ancho-maximo-720 {
    max-width: 45rem;
}

.color-advertencia {
    color: var(--color-advertencia);
}

/* ==== Mejoras modulo Noticias ==== */

.noticia-miniatura {
    width: 72px;
    height: 48px;
    object-fit: cover;
    border-radius: var(--radio-redondeado);
    border: var(--grosor-trazo) solid var(--trazo-suave);
    flex-shrink: 0;
}

.pestanas {
    display: inline-flex;
    gap: var(--espacio-pequeno);
    margin-bottom: var(--espacio-pequeno);
}

.pestana {
    padding: var(--espacio-pequeno) var(--espacio-mediano);
    border: var(--grosor-trazo) solid var(--trazo-suave);
    border-radius: var(--radio-redondeado);
    background: var(--fondo-elemento);
    color: var(--texto-base);
    font-size: var(--tamano-sm);
    cursor: pointer;
}

.pestana-activa,
.pestana[aria-selected="true"] {
    border-color: var(--color-marca);
    background: var(--color-marca);
    color: var(--texto-invertido);
}

.noticia-contenido-previa {
    border: var(--grosor-trazo) solid var(--trazo-suave);
    border-radius: var(--radio-redondeado);
    padding: var(--espacio-mediano);
    background: var(--fondo-elemento);
    min-height: 8rem;
}

.noticia-contenido-previa p {
    margin: 0 0 var(--espacio-normal);
}

.noticia-contenido-previa h2 {
    margin: var(--espacio-normal) 0 var(--espacio-pequeno);
    font-size: var(--tamano-xl);
}

.noticia-contenido-previa ul,
.noticia-contenido-previa ol {
    margin: 0 0 var(--espacio-normal);
    padding-left: 1.5rem;
}

.noticia-contenido-previa blockquote {
    border-left: 3px solid var(--color-marca);
    margin: 0 0 var(--espacio-normal);
    padding: var(--espacio-pequeno) var(--espacio-normal);
    background: var(--fondo-alterno);
    color: var(--texto-suave);
}

.noticia-contenido-previa code {
    background: var(--fondo-alterno);
    padding: 0.1rem 0.35rem;
    border-radius: var(--radio-cuadrado);
}

.noticia-contenido-previa img {
    max-width: 100%;
    border-radius: var(--radio-redondeado);
}

.noticia-imagen-preview {
    display: flex;
    align-items: center;
    gap: var(--espacio-normal);
    margin-top: var(--espacio-pequeno);
}

.noticia-imagen-preview img {
    max-height: 6rem;
    border-radius: var(--radio-redondeado);
    border: var(--grosor-trazo) solid var(--trazo-suave);
}

.campo-fecha-programada[hidden] {
    display: none;
}

/* ==== Modal noticias responsive ==== */
.modal-noticia-ancho {
    width: min(40rem, calc(100vw - 2rem));
    max-width: 620px;
}

@media (max-width: 480px) {
    .modal-noticia-ancho {
        width: 100%;
        max-width: 100%;
    }
}

#formularioNoticia .grupo-campo {
    min-width: 0;
}

#formularioNoticia input,
#formularioNoticia select,
#formularioNoticia textarea {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.noticia-imagen-preview {
    flex-wrap: wrap;
}

.noticia-imagen-preview img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 481px) {
    #formularioNoticia .agrupador-flexible-filas {
        flex-direction: row;
        align-items: center;
    }
}

.modal-noticia-ancho .modal-cabecera {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--fondo-elemento);
    margin-inline: calc(-1 * var(--espacio-mediano));
    margin-top: calc(-1 * var(--espacio-mediano));
    margin-bottom: 0;
    padding: var(--espacio-mediano) var(--espacio-mediano) var(--espacio-normal);
    border-bottom: var(--grosor-trazo) solid var(--trazo-suave);
}