/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ahtqg5r5q9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ahtqg5r5q9] {
    flex: 1;
}

@media (max-width: 640.98px) {

}

@media (min-width: 641px) {

}

#blazor-error-ui[b-ahtqg5r5q9] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ahtqg5r5q9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Asistencia.razor.rz.scp.css */
.confirmacionAsistencia[b-29ao5izkgs] {
    background-color: darkolivegreen;
    text-align: center;
    padding: 30px;
    color: white;
}


.tarjetaConfirmacion[b-29ao5izkgs] {
    max-width: 600px;
    margin: 0 auto;
    background-color: white;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: black;
}

.tarjetaConfirmacion h2[b-29ao5izkgs],
.tarjetaConfirmacion h3[b-29ao5izkgs] {
    text-align: center;
    margin-bottom: 15px;
}
.tarjetaConfirmacion h4[b-29ao5izkgs] {
        text-align: left;
        margin-bottom: 15px;
    }
    /*

.tarjetaConfirmacion .formulario-izquierda {
    text-align: left;
    margin-top: 25px;
    margin-left: 30px;
}

.tarjetaConfirmacion .formulario-izquierda h3 {
    margin-bottom: 10px;
}

.tarjetaConfirmacion .formulario-izquierda label {
    display: block;
    margin: 10px 0;
    font-size: 1em;
}

.tarjetaConfirmacion .formulario-izquierda button {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: darkolivegreen;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease;
}

.tarjetaConfirmacion .formulario-izquierda button:hover {
    background-color: #556b2f;
}*/

.tarjetaConfirmacion .formulario-izquierda[b-29ao5izkgs] {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centra los elementos horizontalmente */
    margin-top: 25px;
}

    .tarjetaConfirmacion .formulario-izquierda h3[b-29ao5izkgs] {
        align-self: flex-start; /* Alinea el texto del título a la izquierda */
        margin-left: 30px;
        margin-bottom: 10px;
    }

    .tarjetaConfirmacion .formulario-izquierda label[b-29ao5izkgs] {
        width: 100%;
        max-width: 400px;
        text-align: left; /* Alinea el texto del label a la izquierda */
        margin: 10px 0;
        font-size: 1em;
    }

    .tarjetaConfirmacion .formulario-izquierda button[b-29ao5izkgs] {
        margin-top: 20px;
        padding: 10px 20px;
        background-color: darkolivegreen;
        color: white;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        font-size: 1em;
        transition: background-color 0.3s ease;
    }
/* /Components/Pages/Galeria.razor.rz.scp.css */
body[b-wpyqwehgom] {
}
/* /Components/Pages/Itinerario.razor.rz.scp.css */
/* Tarjeta elegante para detalles del día */
.detallesDia[b-lp0bqw5ct6] {
    background-color: transparent;
    text-align: center;
    padding: 30px;
}

.tarjeta[b-lp0bqw5ct6] {
    max-width: 500px;
    margin: 0 auto;
    background-color: #fffeff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

    /* Título centrado */
    .tarjeta h2[b-lp0bqw5ct6] {
        color: black;
        text-align: center;
        margin-bottom: 20px;
    }

/* Imagen responsiva */
.imagenContenedor img[b-lp0bqw5ct6] {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

/* Responsive para móviles */
@media screen and (max-width: 600px) {
    .tarjeta[b-lp0bqw5ct6] {
        padding: 15px;
    }

        .tarjeta h2[b-lp0bqw5ct6] {
            font-size: 1.4em;
        }

    .imagenContenedor img[b-lp0bqw5ct6] {
        border-radius: 8px;
    }
}
/* /Components/Pages/MensajeFinal.razor.rz.scp.css */


.fullscreen[b-t3hi20zbir] {
    width: 99vw;
    overflow: hidden;
    position: absolute;
}

.full-image[b-t3hi20zbir] {
    position: fixed; /* siempre cubre el viewport */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background-repeat: no-repeat;
}

/* Ajustes específicos para pantallas grandes */
@media (min-width: 1025px) {
    .full-image[b-t3hi20zbir] {
        background-size: 100% 100%;
        object-position: center top;
        background-image: url("imagenes/fondo3.png");
    }
}

@media (min-height: 936px) {
    .fullscreen[b-t3hi20zbir] {
        height: 100vh;
    }
}

/*ajuste para tablet*/

@media (max-width: 1024px) {
    .full-image[b-t3hi20zbir] {
        background-size: 100% 100%;
        object-position: center top;
        background-image: url("imagenes/fondo1.png");
    }
}


/* Ajustes para móviles */
@media (max-width: 431px) {
    .full-image[b-t3hi20zbir] {
        object-fit: cover; /* recorta sin deformar */
        object-position: center;
        background-image: url("imagenes/fondo1.png");
    }
}

@media (max-height: 935px) {
    .fullscreen[b-t3hi20zbir] {
        height: 95vh;
    }
}


.text-overlay[b-t3hi20zbir] {
    position: relative; /* fundamental */
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: darkolivegreen;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.1);
    text-align: center;
}

.vertical-stack[b-t3hi20zbir] {
    display: flex;
    flex-direction: column; /* apila verticalmente */
    align-items: center; /* centra horizontalmente los horizontales */
    gap: 0px; /* separación entre filas */
}
/* /Components/Pages/MensajePrincipal.razor.rz.scp.css */

.mainFrame[b-znv1be5bb3] {
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.text-overlay[b-znv1be5bb3] {
    position: relative; /* fundamental */
    color: darkolivegreen;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.1);
    text-align: center;
    line-height: 2;
    padding:10px;
    font-size:23px;
}

/* /Components/Pages/ModalMensajes.razor.rz.scp.css */
.modal-overlay[b-kb8ir0br72] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0);
    display: none;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
    z-index: 9999;
}

    .modal-overlay.show[b-kb8ir0br72] {
        display: flex;
        background-color: rgba(0,0,0,0.6);
    }

.modal-content[b-kb8ir0br72] {
    background: white;
    padding: 2rem;
    border-radius: 10px;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    transform: translateY(-40px);
    opacity: 0;
    transition: all 0.3s ease;
}

    .modal-content.slide-in[b-kb8ir0br72] {
        transform: translateY(0);
        opacity: 1;
    }

    .modal-content.slide-out[b-kb8ir0br72] {
        transform: translateY(-40px);
        opacity: 0;
    }

.btn[b-kb8ir0br72] {
    margin-top: 1rem;
    background-color: #0078d4;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    cursor: pointer;
}
/* /Components/Pages/Obsequios.razor.rz.scp.css */
body[b-ondscx75bm] {
}
h1[b-ondscx75bm]{
    color:darkolivegreen
}

.mainFrame[b-ondscx75bm] {
    text-align: center;
    padding: 20px 0;
}

.imagen-con-estilo[b-ondscx75bm] {
    border: 3px solid #444; /* Borde sólido */
    border-radius: 15px; /* Esquinas redondeadas */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* Sombra */
    width: 170px; /* Tamaño opcional */
    height: 60px;
}
/* /Components/Pages/Portada.razor.rz.scp.css */


.text-overlay[b-87ud9bwm19] {
    position: relative; /* fundamental */
    color: darkolivegreen;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.1);
    text-align: center;
}

.vertical-stack[b-87ud9bwm19] {
    display: flex;
    flex-direction: column; /* apila verticalmente */
    align-items: center; /* centra horizontalmente los horizontales */
    gap: 0px; /* separación entre filas */
}

.horizontal-stack[b-87ud9bwm19] {
    display: flex;
    flex-direction: row; /* apila horizontalmente */
    align-items: center;
    gap: 10px; /* separación entre elementos de la fila */
    justify-content: center;
}

.itemNumero[b-87ud9bwm19] {
    width: 50px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 28px;
    padding: 0px 0px 0px 0px;
    margin:0;
}

.itemString[b-87ud9bwm19] {
    width: 85px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    padding: 0px 0;
    margin:15px 0;
}

.itemStringSmall[b-87ud9bwm19] {
    width: 65px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    padding: 0px 0;
    margin:15px 0;
}
/* /Components/Pages/Ubicacion.razor.rz.scp.css */
.mainFrame[b-dxg6awiaq6] {
    text-align: center;
    padding: 20px 0;
}
    /* Tarjeta blanca centrada con esquinas redondeadas */
    .mainFrame > .mainFrame[b-dxg6awiaq6] {
        max-width: 600px;
        margin: 0 auto;
        background-color: white;
        padding: 20px;
        border-radius: 15px; /* esquinas redondeadas */
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* sombra suave */
        box-sizing: border-box;
    }

    h1[b-dxg6awiaq6],h2[b-dxg6awiaq6]{
        color:white;
    }

/* Contenido interno alineado a la izquierda */
.contenidoInterno[b-dxg6awiaq6] {
    max-width: 300px;
    margin: 0 auto;
    text-align: left;
    font-size:19px;
}

    /* Imagen responsiva */
    .contenidoInterno img[b-dxg6awiaq6] {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    /* Texto alineado a la izquierda */
    .contenidoInterno h3[b-dxg6awiaq6] {
        margin: 10px 0;
        font-weight: bold;
        color: black;
    }

        .contenidoInterno h3 span[b-dxg6awiaq6] {
            font-weight: normal;
        }

/* Mapa responsivo */
.frameMaps[b-dxg6awiaq6] {
    width: 100%;
    height: 230px;
    position: relative;
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden;
}

    .frameMaps iframe[b-dxg6awiaq6] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* Responsive para móviles */
@media screen and (max-width: 600px) {
    .mainFrame[b-dxg6awiaq6] {
        padding: 15px;
    }

        .mainFrame > .mainFrame[b-dxg6awiaq6] {
            padding: 15px;
        }

    .contenidoInterno[b-dxg6awiaq6] {
        max-width: 100%;
        padding: 0 10px;
    }

    .frameMaps[b-dxg6awiaq6] {
        height: 200px;
    }
}
/* /Components/Pages/Vestimenta.razor.rz.scp.css */
/* Tarjeta elegante para detalles del día */
.detallesDia[b-q9zgiiq8dm] {
    background-color: darkolivegreen;
    text-align: center;
    padding: 30px;
}

.tarjeta[b-q9zgiiq8dm] {
    max-width: 350px;
    margin: 0 auto;
    background-color: white;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

    /* Título centrado */
    .tarjeta h1[b-q9zgiiq8dm] {
        color: black;
        text-align: center;
        margin-bottom: 20px;
    }

/* Imagen responsiva */
.imagenContenedor img[b-q9zgiiq8dm] {
    width: 100%;
    height: auto;
    max-height:300px;
    object-fit: contain;
    display: block;
    border-radius: 10px;
}

/* Responsive para móviles */
@media screen and (max-width: 600px) {
    .tarjeta[b-q9zgiiq8dm] {
        padding: 15px;
        max-width: 250px;
    }

        .tarjeta h2[b-q9zgiiq8dm] {
            font-size: 1.4em;
        }

    .imagenContenedor img[b-q9zgiiq8dm] {
        border-radius: 8px;
    }
}

h1[b-q9zgiiq8dm],h2[b-q9zgiiq8dm],h5[b-q9zgiiq8dm]{
    color:white;
}
