/* Diagnósticos sectoriales — solo lo que no existe en styles.css */

/* Card de descarga a todo el ancho: título y botón en una línea, sin el alto
   de 240px que necesitan las cards de la grilla. */
.page-doc-card--wide {
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
    min-height: 0;
}

.page-doc-card--wide .page-doc-card__icon {
    align-self: center;
    flex-shrink: 0;
}

/* Separación entre los dos bloques de descarga, que comparten una misma
   sección para no duplicar el padding de .page-docs */
.page-docs__title--sep {
    margin-top: 7rem;
}

@media (max-width: 768px) {
    .page-docs__title--sep {
        margin-top: 3.5rem;
    }
}

/* Header propio de la página: foto del Encuentro Federal de ICC.
   Clase aparte para no cambiarle el header al capítulo. */
.header__diagnosticos-sectoriales {
    background-image: url('../images/hdr-diagnosticos-sectoriales.webp');
    background-size: cover;
    background-position: center center;
    height: 70vh;
}