/* --- Escenario tras las cortinas --- */
.escenario {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20vh;
    background-image: url('../imgs/escenario.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 1; 
    pointer-events: none; 
}

/* --- Personalización del Estor superior --- */
.cubreEstor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5vh;
    background-image: url('../imgs/madera.png');
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center top;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
    z-index: 4; /* Encima de las cortinas */
    border-bottom: 3px solid #2c1b10;
    display: flex; 
    align-items: center; 
    justify-content: flex-end;
    padding-right: 15px; 
}

.selector-idioma {
    /* No se necesita mucho estilo aquí, flexbox en el padre se encarga */
}

.selector-idioma form {
    display: flex; 
    gap: 8px; 
    margin-right:10px;
}

.selector-idioma-select {
    background-color: rgba(44, 27, 16, 0.7);
    color: #e0d8c0;
    border: 1px solid #7a604c;
    padding: 4px 8px;
    font-family: 'Georgia', serif;
    font-size: 0.7em;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 3px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    appearance: none; /* Elimina estilos nativos para personalizar más si deseas */
}

/* --- Efecto de luz ambiental "luz-luna" --- */
.luz-luna {
    position: absolute;
    top: -50%;
    left: -100%;
    width: 300vw;
    height: 300vh;
    pointer-events: none; /* No interfiere con eventos del mouse */
    background: radial-gradient(
        circle at center,
        rgba(180, 200, 255, 0.4) 0%, /* azul claro translúcido */
        rgba(100, 130, 200, 0.15) 33%, /* azul grisáceo más tenue */
        rgba(50, 70, 120, 0) 66% /* desaparición suave */
    );
    filter: blur(30px);
    animation: luzLuna 60s ease-in-out infinite alternate; /* Animación de movimiento */
    z-index: 3; /* Encima del escenario, debajo del estor y cartel */
}

/* --- Animación del foco de luz ambiental --- */
@keyframes luzLuna {
    0% { transform: translate(-30%, -20%); }
    50% { transform: translate(50%, 10%); }
    100% { transform: translate(-30%, -20%); }
}