/* ─────────────────────────────────────────────────────────────
   CAMPOGRAMAS GUARDADOS - FULLSCREEN PREMIUM
   ────────────────────────────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════
   MODAL FULLSCREEN PREMIUM - VISTA PREMIUM DE IMAGEN
   ═══════════════════════════════════════════════════════════════ */

/* Modal container fullscreen */
.cbd-modal-fullscreen-premium {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cbd-modal-fullscreen-premium .modal-dialog {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.cbd-modal-fullscreen-premium .modal-content {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: linear-gradient(180deg, #1A1A1A 0%, #0F0F0F 100%) !important;
}

/* Header en fullscreen - Premium */
.cbd-modal-header-fullscreen {
    flex-shrink: 0 !important;
    z-index: 1050 !important;
    background: linear-gradient(180deg, #0048A0 0%, #003580 100%) !important;
    border-bottom: 2px solid #E8C45A !important;
    box-shadow: 0 4px 12px rgba(0, 72, 154, 0.3) !important;
    padding: 0 !important;
}

/* Mejorar close button en header */
.cbd-modal-header-fullscreen .btn-close {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-color: white !important;
    opacity: 0.8 !important;
    filter: invert(1) !important;
    transition: all 0.2s ease !important;
}

.cbd-modal-header-fullscreen .btn-close:hover {
    opacity: 1 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* Responsive mobile */
@media (max-width: 576px) {
    .cbd-modal-fullscreen-premium .modal-header {
        padding: 12px 16px !important;
    }
    
    .cbd-modal-fullscreen-premium h4 {
        font-size: 14px !important;
    }
    
    #cbd-btn-fullscreen-real,
    #cbd-btn-cerrar-modal {
        font-size: 8px !important;
        height: 28px !important;
        padding: 0 8px !important;
    }
}

/* Scroll en body si es necesario */
.cbd-modal-fullscreen-premium .modal-body {
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
}

/* Fullscreen real del navegador */
.cbd-modal-fullscreen-premium.-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    width: 100vw !important;
    height: 100vh !important;
}