/* Página dinámica del panel (Views/PaginasDinamicas/PaginaDinamica). El contenido llega del editor: aquí solo se le
   da un ancho legible y una tipografía coherente con el resto de la web. */

.pagina-dinamica {
    max-width: 960px;
    margin-top: 2rem;
    margin-bottom: 3rem;
    color: var(--qg-public-color-white-86);
    font-family: var(--qg-public-font-body);
    line-height: 1.7;
    overflow-wrap: break-word;
}

.pagina-dinamica__subtitulo {
    margin: 0 0 1.5rem;
    color: var(--qg-public-color-white-78);
    font-size: 1.125rem;
}

.pagina-dinamica__fila + .pagina-dinamica__fila {
    margin-top: 1.5rem;
}

.pagina-dinamica__bloque {
    min-width: 0;
}

/* El contenido del editor lo pinta contenido-editor.css, que comparten esta vista y el detalle de noticia:
   el bloque lleva la clase qg-contenido. */

.pagina-dinamica__vacia {
    margin: 2rem 0;
    color: var(--qg-public-color-white-78);
    text-align: center;
}

/* ---------- Documentos descargables ---------- */

.pagina-dinamica__documentos-titulo {
    margin: 0 0 1rem;
    color: var(--qg-public-color-white);
    font-family: var(--qg-public-font-heading);
    font-size: 1.4rem;
}

.pagina-dinamica__lista-documentos {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 0;
}

.pagina-dinamica__documento {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    border: .0625rem solid var(--qg-public-color-white-20);
    border-radius: .625rem;
    background: var(--qg-public-color-white-05);
    color: var(--qg-public-color-white);
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease;
}

.pagina-dinamica__documento:hover,
.pagina-dinamica__documento:focus-visible {
    border-color: var(--qg-public-color-secondary-coral);
    background: var(--qg-public-color-coral-13);
    color: var(--qg-public-color-white);
}

.pagina-dinamica__documento i {
    color: var(--qg-public-color-secondary-coral);
}

.pagina-dinamica__documento-nombre {
    min-width: 0;
}

.pagina-dinamica__documento-fecha {
    margin-left: auto;
    color: var(--qg-public-color-white-78);
    font-size: .875rem;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .pagina-dinamica {
        margin-top: 1.5rem;
    }

    .pagina-dinamica__bloque h1 {
        font-size: 1.6rem;
    }

    .pagina-dinamica__bloque h2 {
        font-size: 1.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pagina-dinamica__documento {
        transition: none;
    }
}