/* 
   fondos.css
   Mejora Visual Institucional — Fase 11
   SICOP-FACATATIVÁ
*/

/* 1. LOGIN — PALACIO DE JUSTICIA */
.login-container {
    background: linear-gradient(
        rgba(0, 0, 0, 0.7),
        rgba(0, 0, 0, 0.6)
    ), url('/assets/fondos/palacio.png') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    background: rgba(var(--bg-secundario-rgb, 255, 255, 255), 0.96);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(26, 77, 122, 0.4);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
    padding: 35px;
}

/* 2. HEADER GLOBAL — BANDERA Y BALANZA */
.app-header {
    background: linear-gradient(
        135deg,
        rgba(26, 77, 122, 0.96) 0%,
        rgba(26, 77, 122, 0.85) 100%
    ), url('/assets/fondos/bandera_justicia.png') no-repeat center center;
    background-size: cover;
    border-bottom: 3px solid #143e62;
}

/* 3. FONDOS DINÁMICOS POR MÓDULO (body::before) */
[data-tema="claro"] body::before {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    width: 65%;
    height: 65%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
    display: none;
}

/* Identidades Únicas */
.bg-dashboard[data-tema="claro"] body::before {
    display: block;
    background-image: url('/assets/fondos/libertad.png');
    opacity: 0.1;
}

.bg-internos[data-tema="claro"] body::before {
    display: block;
    background-image: url('/assets/fondos/escudo_ponal.png');
    opacity: 0.08;
    width: 50%; height: 50%;
}

/* .bg-documentos[data-tema="claro"] body::before {
    display: block;
    background-image: url('/assets/fondos/temis.png');
    opacity: 0.12;
} */

/* Banners Hero Personalizados */
.hero-banner-dashboard {
    background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.45)), url('/assets/fondos/bandera_justicia.png') no-repeat center center !important;
    background-size: cover !important;
}

.hero-banner-internos {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.5)), url('/assets/fondos/sala_audiencias.png') no-repeat center center !important;
    background-size: cover !important;
}

/* 4. MÓDULO DE DOCUMENTOS — MARCA DE AGUA */
.doc-native-editor {
    position: relative;
    background-color: white !important; /* El papel siempre es blanco */
}

/* Marca de agua solo en vista previa (no en impresión ya manejado por @media print) */
/* .doc-native-editor::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5%;
    width: 250px;
    height: 250px;
    background: url('/assets/marcas-agua/balanza_mazo_30.png') no-repeat center center;
    background-size: contain;
    opacity: 0.15;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 0;
} */

/* Asegurar que el texto esté por encima de la marca de agua */
.doc-native-editor * {
    position: relative;
    z-index: 1;
}

/* 5. CÁLCULOS / JURÍDICO — CONTEXTO */
/* Si el iframe carga una página interna podemos aplicar estilos allí también */

/* 6. PDF / IMPRESIÓN — MEMBRETE PROFESIONAL */
.doc-membrete {
    position: relative;
    padding-top: 10px;
}

.doc-membrete-logo-container {
    position: absolute;
    right: 0;
    top: 0;
    width: 65px;
    height: 65px;
    opacity: 0.9;
}

.doc-membrete-logo-img {
    width: 100%;
    height: auto;
    filter: grayscale(20%);
}

@media print {
    .doc-membrete-logo-img {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}