/* ============================================
   DOCUMENTACIÓN - DESKTOP (1024px+)
   Sistema de Administración de Condominios
   ============================================ */

@media screen and (min-width: 1024px) {

    /* Grid: más columnas en pantalla grande */
    #moduleContainer[data-module="documentacion"] .doc-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
        gap: 12px !important;
    }

    /* Miniatura de imagen: altura completa en desktop */
    #moduleContainer[data-module="documentacion"] .doc-card-thumb {
        height: 130px !important;
    }

    /* Vista previa: ancho amplio para leer el documento sin abrirlo aparte.
       El tope en px evita que la imagen se estire de más en monitores anchos;
       el 88vw manda en pantallas menores a ~1180px. */
    #moduleContainer[data-module="documentacion"] .doc-modal--lg {
        max-width: 1040px !important;
        width: 88vw !important;
    }
    /* Solo la altura del visor. Ninguna regla limita a la imagen, para que el
       zoom pueda pasarse del marco sin pelear especificidad. */
    #moduleContainer[data-module="documentacion"] .doc-modal--lg .doc-preview-img {
        height: 72vh !important;
    }
}