/* ============================================ */
/* BASE */
/* ============================================ */
html, body {
    width: 100% !important;
    overflow-x: hidden !important;
    margin: 0;
    padding: 0;
}

:root {
    --color-texto: #333333;
}

body, .invitacion-container {
    background-color: #ffffff !important;
    color: #333333;
}

/* ============================================ */
/* LÓGICA DE FONDO (IMAGEN / SLIDESHOW) */
/* ============================================ */

    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        
                    /* MODO IMAGEN ÚNICA */
            background-image: url('../../uploads/biblioteca/7/fondo_1778633417_1_197.png');
        
                    background-repeat: no-repeat;
            background-position: center center;
            background-size: cover; 
                
        transform: translateZ(0); /* Hardware accel */
    }

    
    /* Transparencias */
    section, .seccion, .invitacion-container { background-color: transparent !important; }

/* ============================================ */
/* LÓGICA DE PATRONES */
/* ============================================ */

/* ============================================ */
/* LEGIBILIDAD */
/* ============================================ */
.texto-legible, .card, .info-box, .contenedor-info {
        background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 12px;
    }

@media print {
    body::before { display: none; }
    body { background: white !important; }
}