/* /Component/CardNuevaCuentaComponet/CardNuevaCuenta.razor.rz.scp.css */
.fondo[b-taarvl8sb7] {
    width: 100%;
    min-height: 90vh;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    flex-direction: column;
}

.titulo[b-taarvl8sb7] {
    font-size: 2.5rem;
    font-weight: bold;
    color: #38a5bc;
    width: 100%
}

.container[b-taarvl8sb7] {
    width: 60%;
    margin: auto;
    background-color: white;
    border-radius: 5%;
    border: 1px solid #38a5bc;
    padding: 2% 5%;
    box-shadow: 5px 5px 8px #45454596;
}

.form_login[b-taarvl8sb7] {
    display: flex;
    flex-wrap: wrap;
}

.content_inputs[b-taarvl8sb7] {
    width: calc(50% - 10px);
    position: relative;
    border: 1px solid #38a5bc;
    border-color: #91c9d5;
    border-radius: 13px;
    padding: 10px 5px 10px 5px;
    margin: 0 5px;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    color: #91c8d4;
    align-content: center;
}

.correo[b-taarvl8sb7] {
    width: calc(100% - 10px);
}

.content_inputs input[b-taarvl8sb7] {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 16px;
    border: none;
    outline: none;
    color: #555;
    line-height: 1.2;
    padding-right: 15px;
}

.content_inputs label[b-taarvl8sb7] {
    pointer-events: none;
    transition: all .3s ease-in-out;
}

select[b-taarvl8sb7] {
    background: #f7f7f7;
}

.boton[b-taarvl8sb7] {
    width: 100%;
    background-color: #38a5bc;
    background: linear-gradient(to right, #91c9d5,#38a5bc);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton:hover[b-taarvl8sb7] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }

.form[b-taarvl8sb7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40vh;
}

.Formato_img[b-taarvl8sb7] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.diseno[b-taarvl8sb7] {
    display: flex;
    text-align: center;
    align-items: center;
    cursor: pointer;
    color: #8b7d7d;
    font-size: 5rem;
    border: 2px solid #8b7d7d;
    border-radius: .5rem;
    padding: 1rem;
}
/*---------Imagen-----------*/

/*---------Cambiar Vista-----------*/
.no_view[b-taarvl8sb7] {
    display: none;
}

.descripcion[b-taarvl8sb7] {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.content_flex[b-taarvl8sb7] {
    width: 100%;
    display: flex;
}

.form_login span[b-taarvl8sb7] {
    width: 100%;
    margin-bottom: 1rem;
}
/* /Component/CarEditarConfiguracionHabitacionComponents/CardEditarConfiguracionHabitacion.razor.rz.scp.css */
.home-section[b-mip1k3twgb] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-mip1k3twgb] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-mip1k3twgb] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-mip1k3twgb] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-mip1k3twgb] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-mip1k3twgb] {
        font-family: Arial;
        font-size: 1.5vw;
        margin: 0;
        color: #0D171F;
    }

.configuarciones_error[b-mip1k3twgb] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 0.8vw;
    color: red;
}

.conten_configuarciones[b-mip1k3twgb] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 15vw 1fr;
    justify-content: center;
    padding: 2vw;
    text-align: center;
}

.line_content[b-mip1k3twgb] {
    display: flex;
    flex-direction: column;
}

.text[b-mip1k3twgb] {
    font-size: 1rem;
    color: #0D171F;
    margin: auto 0;
}

.btn_content[b-mip1k3twgb] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-mip1k3twgb] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-mip1k3twgb] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

.grid_precios[b-mip1k3twgb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.col_p[b-mip1k3twgb] {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-mip1k3twgb] {
        grid-template-columns: repeat(1, 1fr);
    }

    .configuarciones_titulo h3[b-mip1k3twgb] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-mip1k3twgb] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-mip1k3twgb] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-mip1k3twgb] {
        width: 100%);
    }

    .configuarciones_titulo h3[b-mip1k3twgb] {
        font-size: 2.5vh;
    }

    .btn_crear[b-mip1k3twgb] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .configuarciones_error[b-mip1k3twgb] {
        font-size: 0.8vh;
    }
}
/* /Component/ModalActualizarEstatusReservaComponents/ModalActualizarEstatusReserva.razor.rz.scp.css */
.contenedor[b-p68zdgyfdm] {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #e6e6e672;
    backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

*[b-p68zdgyfdm] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content_form[b-p68zdgyfdm] {
    width: 500px;
    background: #fff;
    border-radius: 10px;
    /*border: 1px solid #5DDCFb;*/
    overflow: hidden;
    padding: 25px 10px 15px;
}

.form_empresa[b-p68zdgyfdm] {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.title_form_empresa[b-p68zdgyfdm] {
    display: block;
    width: 100%;
    font-size: 1.5rem;
    font-weight: bold;
    color: #38A5BC;
    line-height: 0.5;
    text-align: center;
    padding-bottom: 29px;
}

.wrap-input[b-p68zdgyfdm] {
    width: calc((100% - 10px)/2);
}


.content_data[b-p68zdgyfdm] {
    width: 100%;
    /*display: grid;
    grid-template-columns: 15% 2fr;
    gap: 1rem;*/
}

.content_alerta[b-p68zdgyfdm] {
    position: relative;
    left: 62%;
}

.content_grid_form[b-p68zdgyfdm] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 60%;
    margin: 0 auto;
    justify-content: center;
}

.col_data[b-p68zdgyfdm] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


    .col_data img[b-p68zdgyfdm] {
        width: auto;
        height: 150px;
    }

    .col_data label[b-p68zdgyfdm] {
        font-size: 1.2rem;
        font-weight: 700;
        margin: 0;
        margin-right: auto;
        min-width: 30%;
    }

    .col_data span[b-p68zdgyfdm] {
        font-size: 1.2rem;
        margin: 0;
        margin-left: auto;
        min-width: 60%;
        text-align: end;
    }

.content_relative[b-p68zdgyfdm] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 80%;
}

.input_form[b-p68zdgyfdm] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-p68zdgyfdm] {
        border-bottom: .2vw solid #38A5BC;
    }

.diseno[b-p68zdgyfdm] {
    width: 3rem;
    height: 3rem;
    border-radius: .5rem;
    border: .2rem solid #039;
    color: #039;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close[b-p68zdgyfdm] {
    position: absolute;
    top: -1rem;
    right: 0;
    color: #555555;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

    .close:hover[b-p68zdgyfdm] {
        color: #38A5BC;
    }
/* /Component/TablaCuentasComponent/TablaCuentas.razor.rz.scp.css */
.content_table[b-fqyuong4y2] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-fqyuong4y2] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-fqyuong4y2] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-fqyuong4y2] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-fqyuong4y2] {
        background-color: #23295a;
    }

    .btn_cirquel i[b-fqyuong4y2] {
        margin: auto;
    }

.content_filtros[b-fqyuong4y2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-fqyuong4y2] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-fqyuong4y2], .ticked[b-fqyuong4y2] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-fqyuong4y2] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-fqyuong4y2], .ticked:hover[b-fqyuong4y2] {
        color: #741010;
    }

    .label_section[b-fqyuong4y2]:after, .ticked[b-fqyuong4y2]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #23295a;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-fqyuong4y2]:after, .ticked:hover[b-fqyuong4y2]:after {
        width: 100%;
    }

.selected[b-fqyuong4y2]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #23295a;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-fqyuong4y2] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-fqyuong4y2 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-fqyuong4y2 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-fqyuong4y2] {
    display: none;
}

.input_form[b-fqyuong4y2] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-fqyuong4y2] {
        border-bottom: .2vw solid #23295a;
    }

.button_sumit[b-fqyuong4y2] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #23295a;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-fqyuong4y2] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-fqyuong4y2]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #741010;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-fqyuong4y2]:after {
        bottom: 0;
    }

.content_relative[b-fqyuong4y2] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-fqyuong4y2] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-fqyuong4y2 .2s forwards;
}

    .alert_input[b-fqyuong4y2]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-fqyuong4y2] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-fqyuong4y2] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-fqyuong4y2 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-fqyuong4y2] {
    width: 80%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-fqyuong4y2], .content_grid_tabla_boddy[b-fqyuong4y2] {
    display: grid;
    grid-template-columns: 8% repeat(5, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-fqyuong4y2] {
    background-color: #38a5bc;
    color: #fff;
}

.grid_3[b-fqyuong4y2] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-fqyuong4y2] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.displa_flex[b-fqyuong4y2] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-fqyuong4y2] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-fqyuong4y2] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-fqyuong4y2] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #23295a;
    margin: 1vw auto;
}

.img_noticia[b-fqyuong4y2] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-fqyuong4y2] {
    grid-column: span 2;
}

.btn_edit[b-fqyuong4y2], .btn_delete[b-fqyuong4y2] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-fqyuong4y2] {
    background-color: #23295a;
}

.btn_delete[b-fqyuong4y2] {
    background-color: #741010;
}

    .btn_edit span[b-fqyuong4y2], .btn_delete span[b-fqyuong4y2] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-fqyuong4y2], .btn_delete:hover span[b-fqyuong4y2] {
        opacity: 1;
    }

    .btn_delete i[b-fqyuong4y2], .btn_edit i[b-fqyuong4y2] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-fqyuong4y2]:after, .btn_delete[b-fqyuong4y2]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-fqyuong4y2]:after {
    background-color: #254ad8;
}

.btn_delete[b-fqyuong4y2]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-fqyuong4y2]:after, .btn_delete:hover[b-fqyuong4y2]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-fqyuong4y2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-fqyuong4y2] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-fqyuong4y2] {
        color: #741010;
        background-color: #23295a12;
    }

    .pagina[b-fqyuong4y2]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #23295a;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-fqyuong4y2]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-fqyuong4y2] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #23295a;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-fqyuong4y2 1s initial;
}

.content_flex[b-fqyuong4y2] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-fqyuong4y2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Component/TablaReservasComponents/TablaReservas.razor.rz.scp.css */
.home-section[b-09d2knmk8t] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-09d2knmk8t] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-09d2knmk8t] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-09d2knmk8t] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.reservaciones_titulo[b-09d2knmk8t] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .reservaciones_titulo h3[b-09d2knmk8t] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.reservaciones_error[b-09d2knmk8t] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5vw;
    color: red;
}

.conten_reservaciones[b-09d2knmk8t] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 67vh;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-09d2knmk8t] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #CBCBCB;
    border-radius: 40px;
    box-shadow: rgba(159,159,159,0.6) 4px 4px 6px;
}

@media screen and (max-width: 980px) {
    .conten_reservaciones[b-09d2knmk8t] {
        grid-template-columns: repeat(2, 1fr);
        padding: 1vw;
    }
}

@media screen and (max-width: 768px) {
    .conten_reservaciones[b-09d2knmk8t] {
        grid-template-columns: 1fr;
        padding: 1vw;
    }

    .line_content[b-09d2knmk8t] {
        border-radius: 10px;
    }

    .reservaciones_titulo[b-09d2knmk8t] {
        padding-bottom: 1vh;
    }

        .reservaciones_titulo h3[b-09d2knmk8t] {
            font-size: 3vh;
        }

    .reservaciones_error[b-09d2knmk8t] {
        font-size: 1.5vh;
    }

    .conten_reservaciones[b-09d2knmk8t] {
        margin-bottom: 1vh;
    }
}

@media screen and (max-width: 500px) {
    .home-section[b-09d2knmk8t] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-09d2knmk8t] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }
}


/*Filtros*/
.content_filtros[b-09d2knmk8t] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 100%;
    margin: 0 auto;
}

.content_relative[b-09d2knmk8t] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
/*Paginado*/
.content_paginado[b-09d2knmk8t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-09d2knmk8t] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-09d2knmk8t] {
        color: #9F2241;
        background-color: #BC965B12;
    }

    .pagina[b-09d2knmk8t]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #BC965B;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-09d2knmk8t]:after {
        width: 100%;
        left: 0;
    }

/*SeccionFecha*/
.titulo_Btn[b-09d2knmk8t] {
    display: flex;
    justify-content: center;
    align-items: self-end;
    width: 100%;
}

    .titulo_Btn h2[b-09d2knmk8t] {
        margin-right: 5rem;
        text-align: center;
    }

.content_buttons_sections[b-09d2knmk8t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
}

.label_section[b-09d2knmk8t], .ticked[b-09d2knmk8t] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-09d2knmk8t] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1fF;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-09d2knmk8t], .ticked:hover[b-09d2knmk8t] {
        color: #536DFE;
    }

    .label_section[b-09d2knmk8t]:after, .ticked[b-09d2knmk8t]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #0D171F;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-09d2knmk8t]:after, .ticked:hover[b-09d2knmk8t]:after {
        width: 100%;
    }

.label_section[b-09d2knmk8t], .ticked[b-09d2knmk8t] {
    position: relative;
    min-width: 25%;
    border-radius: .5vw;
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    padding: .5vw;
    color: #fff;
    background-color: #0D171F;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .label_section span[b-09d2knmk8t] {
        position: relative;
        z-index: 2;
    }

.ticked[b-09d2knmk8t] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1fF;
    width: 50%;
    margin: auto
}

.label_section:hover[b-09d2knmk8t] {
    color: #fff;
}

.label_section[b-09d2knmk8t]:after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: -5vw;
    left: 0;
    z-index: 1;
    background-color: #38A5BC;
    content: "";
    transition: all .2s ease-in-out;
}

.label_section:hover[b-09d2knmk8t]:after {
    top: 0;
}

.selected[b-09d2knmk8t]::after {
    display: block;
    position: absolute;
    width: 13vw;
    height: 4vw;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #38A5BC;
    content: "";
    transition: all .2s ease-in-out;
}

.selected_2[b-09d2knmk8t]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #0D171F;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-09d2knmk8t] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-09d2knmk8t .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-09d2knmk8t {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-09d2knmk8t] {
    display: none;
}

.span_2[b-09d2knmk8t] {
    grid-column: span 2;
}
.input_form[b-09d2knmk8t] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-09d2knmk8t] {
        border-bottom: .2vw solid #0D171F;
    }

.alert_input[b-09d2knmk8t] {
    position: relative;
    background-color: #ff9683;
    padding: 1vw;
    border-radius: 1vw;
    border: .1vw solid #570000;
    color: #570000;
    animation: apareser-b-09d2knmk8t .2s forwards;
}

.text_alert[b-09d2knmk8t] {
    text-align: center;
    margin: 0;
    font-size: 1vw;
}

.pagina[b-09d2knmk8t] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-09d2knmk8t] {
        color: #0D171F;
        background-color: #08B38B12;
    }

    .pagina[b-09d2knmk8t]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #6D82FA;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-09d2knmk8t]:after {
        width: 100%;
        left: 0;
    }

.container_form_btn[b-09d2knmk8t] {
    display: flex;
    justify-content: space-around;
    /* padding-top: 20px;*/
    width: 40%;
    margin: auto;
}

    .container_form_btn button[b-09d2knmk8t] {
        cursor: pointer;
        border-radius: 5%;
        border: none;
        padding: 1rem 2rem;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        display: flex;
        box-shadow: 2px 2px 4px #03020281;
        margin: 10px;
        /*font-family: Montserrat-Black;*/
    }


.boton_limpiar[b-09d2knmk8t] {
    width: 100%;
    background-color: #536DFE;
    background: linear-gradient(to right, #5DDCFB,#38A5BC);
    color: white;
    padding: 5% 10%;
    margin: auto;
    margin-top: 2rem;
    border: none;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5%;
    transition: all .2s ease-in-out;
}

    .boton_limpiar:hover[b-09d2knmk8t] {
        box-shadow: 0 0 15px rgba(83,109,254,1);
        transform: scale(1.05);
    }
/*alerta coleccionvacia*/
.sin_reservas[b-09d2knmk8t] {
    grid-column: 1 / -1; /* Ocupa todas las columnas del grid */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Opcional: ocupa el alto del contenedor si lo deseas */
}
/* /Component/TablaUsuariosComponent/TablaUsuarios.razor.rz.scp.css */
.content_table[b-dpqhbb9bs5] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-dpqhbb9bs5] {
    width: 100%;
    margin: 1vw auto;
    background-color: #e8e8e8;
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-dpqhbb9bs5] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.btn_cirquel[b-dpqhbb9bs5] {
    display: flex;
    font-size: 1.5vw;
    width: 2.5vw;
    height: 2.5vw;
    border-radius: 50%;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .btn_cirquel:hover[b-dpqhbb9bs5] {
        background-color: #23295a;
    }

    .btn_cirquel i[b-dpqhbb9bs5] {
        margin: auto;
    }

.content_filtros[b-dpqhbb9bs5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    width: 90%;
    margin: 0 auto;
}

.content_buttons_sections[b-dpqhbb9bs5] {
    display: flex;
    margin: 0 auto;
}

.label_section[b-dpqhbb9bs5], .ticked[b-dpqhbb9bs5] {
    font-size: 1vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.ticked[b-dpqhbb9bs5] {
    font-size: 1.2vw;
    font-weight: 100;
    color: #00b1ff;
    width: 50%;
    margin: auto
}

    .label_section:hover[b-dpqhbb9bs5], .ticked:hover[b-dpqhbb9bs5] {
        color: #741010;
    }

    .label_section[b-dpqhbb9bs5]:after, .ticked[b-dpqhbb9bs5]:after {
        display: block;
        width: 0;
        height: .2vw;
        margin: auto;
        background-color: #23295a;
        content: "";
        transition: all .2s ease-in-out;
    }

    .label_section:hover[b-dpqhbb9bs5]:after, .ticked:hover[b-dpqhbb9bs5]:after {
        width: 100%;
    }

.selected[b-dpqhbb9bs5]::after {
    display: block;
    width: 100%;
    height: .2vw;
    margin: auto;
    background-color: #23295a;
    content: "";
    transition: all .2s ease-in-out;
}

.content_carrusel[b-dpqhbb9bs5] {
    display: flex;
    width: 100%;
    border-radius: 0 0 .5vw .5vw;
    margin: auto;
    animation: apareser-b-dpqhbb9bs5 .3s forwards;
    transition: all .3s ease-in-out;
}

@keyframes apareser-b-dpqhbb9bs5 {
    0% {
        transform: scale(0);
        pointer-events: none;
        opacity: 0;
    }

    100% {
        transform: scale(1);
        pointer-events: all;
        opacity: 1;
    }
}

.no_view[b-dpqhbb9bs5] {
    display: none;
}

.input_form[b-dpqhbb9bs5] {
    width: 90%;
    margin: 1vw auto;
    text-align: center;
    border-radius: .3vw;
    outline: none;
    font-size: 1.2vw;
    padding: .5vw;
    border: none;
    background-color: #f1f1f1;
}

    .input_form:focus[b-dpqhbb9bs5] {
        border-bottom: .2vw solid #23295a;
    }

.button_sumit[b-dpqhbb9bs5] {
    display: inline-flex;
    position: relative;
    width: 90%;
    margin: auto;
    color: #fff;
    background-color: #23295a;
    border: none;
    outline: none;
    border-radius: .5vw;
    padding: .5vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

    .button_sumit span[b-dpqhbb9bs5] {
        position: relative;
        z-index: 2;
    }

    .button_sumit[b-dpqhbb9bs5]:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 100%;
        left: 0;
        margin: auto;
        content: "";
        background-color: #741010;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button_sumit:hover[b-dpqhbb9bs5]:after {
        bottom: 0;
    }

.content_relative[b-dpqhbb9bs5] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.alert_input[b-dpqhbb9bs5] {
    position: absolute;
    left: 105%;
    min-width: 60%;
    background-color: #ffcb00;
    padding: 1vw;
    color: #3c2b04;
    animation: apareser-b-dpqhbb9bs5 .2s forwards;
}

    .alert_input[b-dpqhbb9bs5]:after {
        content: "";
        display: block;
        position: absolute;
        top: 1.3vw;
        right: 100%;
        width: 0;
        height: 0;
        border-left: 1vw solid transparent;
        border-right: 2vw solid #ffcb00;
        border-top: 1vw solid transparent;
        border-bottom: 1vw solid transparent;
    }

.text_alert[b-dpqhbb9bs5] {
    text-align: center;
    margin: 0;
    font-size: 1.2vw;
}

.loader[b-dpqhbb9bs5] {
    width: 5vw;
    height: 5vw;
    border-top: .5vw solid transparent;
    border-bottom: .5vw solid transparent;
    border-right: .5vw solid #808080;
    border-left: .5vw solid #808080;
    border-radius: 50%;
    margin: auto;
    animation: loading-b-ey5xn3a9ha 1s infinite;
}

@keyframes loading-b-dpqhbb9bs5 {
    0% {
        transform: rotateZ(0);
    }

    25% {
        transform: rotateZ(90deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    75% {
        transform: rotateZ(270deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.content_grid_tabla[b-dpqhbb9bs5] {
    width: 80%;
    display: grid;
    grid-template-columns: 1fr;
    gap: normal;
    margin: 1vw auto;
    background-color: #fff;
}

.content_grid_tabla_header[b-dpqhbb9bs5], .content_grid_tabla_boddy[b-dpqhbb9bs5] {
    display: grid;
    grid-template-columns: 8% repeat(4, 1fr);
    gap: 0;
    row-gap: 1vw;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 1vw;
}

.content_grid_tabla_header[b-dpqhbb9bs5] {
    background-color: #38a5bc;
    color: #fff;
}

.grid_3[b-dpqhbb9bs5] {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2vw;
}

.col_grid[b-dpqhbb9bs5] {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 0 .5vw;
    border-left: .1vw solid #fff;
    border-right: .1vw solid #fff;
    overflow: hidden;
}

.displa_flex[b-dpqhbb9bs5] {
    display: flex;
    flex-direction: row;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col_grid i[b-dpqhbb9bs5] {
    margin: auto 0;
    margin-left: auto;
}

.txt_plano[b-dpqhbb9bs5] {
    font-size: 1vw;
    margin: 0;
}

.no_data[b-dpqhbb9bs5] {
    column-span: all;
    font-size: 2.5vw;
    font-weight: 600;
    color: #23295a;
    margin: 1vw auto;
}

.img_noticia[b-dpqhbb9bs5] {
    max-width: 4vw;
    height: 4vw;
}

.span_2[b-dpqhbb9bs5] {
    grid-column: span 2;
}

.btn_edit[b-dpqhbb9bs5], .btn_delete[b-dpqhbb9bs5] {
    margin: auto;
    display: flex;
    position: relative;
    padding: .5vw;
    color: #fff;
    text-align: center;
    text-decoration: none;
    justify-items: center;
    border: none;
    outline: none;
    border-radius: .2vw;
}

.btn_edit[b-dpqhbb9bs5] {
    background-color: #23295a;
}

.btn_delete[b-dpqhbb9bs5] {
    background-color: #741010;
}

    .btn_edit span[b-dpqhbb9bs5], .btn_delete span[b-dpqhbb9bs5] {
        position: absolute;
        bottom: 100%;
        right: 110%;
        background-color: #fff;
        border-radius: 1vw;
        padding: .2vw 1vw;
        font-size: .8vw;
        text-align: center;
        color: #000;
        pointer-events: none;
        opacity: 0;
        box-shadow: 0 0 .4vw #9a9a9abe;
        transition: all .2s ease-in-out;
    }

    .btn_edit:hover span[b-dpqhbb9bs5], .btn_delete:hover span[b-dpqhbb9bs5] {
        opacity: 1;
    }

    .btn_delete i[b-dpqhbb9bs5], .btn_edit i[b-dpqhbb9bs5] {
        position: relative;
        z-index: 2;
    }

    .btn_edit[b-dpqhbb9bs5]:after, .btn_delete[b-dpqhbb9bs5]:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: 50%;
        left: 50%;
        border-radius: .2vw;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

.btn_edit[b-dpqhbb9bs5]:after {
    background-color: #254ad8;
}

.btn_delete[b-dpqhbb9bs5]:after {
    background-color: #cb0909;
}

.btn_edit:hover[b-dpqhbb9bs5]:after, .btn_delete:hover[b-dpqhbb9bs5]:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.content_paginado[b-dpqhbb9bs5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1vw, 1fr));
    max-width: 100%;
    width: auto;
    margin: auto;
}

.pagina[b-dpqhbb9bs5] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0;
    padding: 0 .5vw;
    color: #608990;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .pagina:hover[b-dpqhbb9bs5] {
        color: #741010;
        background-color: #23295a12;
    }

    .pagina[b-dpqhbb9bs5]:after {
        position: absolute;
        display: block;
        width: 0;
        height: .2vw;
        bottom: 0;
        left: 50%;
        margin: auto;
        background-color: #23295a;
        content: "";
        transition: all .2s ease-in-out;
    }

    .pagina:hover[b-dpqhbb9bs5]:after {
        width: 100%;
        left: 0;
    }

.alert_pop[b-dpqhbb9bs5] {
    width: 30%;
    position: fixed;
    padding: 1vw 2vw;
    text-align: center;
    background-color: #fff;
    border: .1vw solid #23295a;
    border-radius: 1vw;
    font-size: 1.5vw;
    top: 40%;
    right: 5%;
    pointer-events: none;
    box-shadow: .4vw .4vw .8vw #424242a8;
    z-index: 100;
    animation: aparecer-b-dpqhbb9bs5 1s initial;
}

.content_flex[b-dpqhbb9bs5] {
    width: 100%;
    display: flex;
    margin: .5vw 0;
}

@keyframes aparecer-b-dpqhbb9bs5 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Pages/CalendarioLimpieza/Calendario.razor.rz.scp.css */
.home-section[b-dpg9oxb484] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-dpg9oxb484] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.Calendar_container[b-dpg9oxb484] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #808080;
    margin: 0;
    padding: 1vw;
}

.top_calendar[b-dpg9oxb484] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: .5rem;
    width: 90%;
    padding: 0;
    margin: auto;
    border-bottom: 2px solid #808080;
}

.col_top_calendar[b-dpg9oxb484] {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.filtros[b-dpg9oxb484] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem;
}

.col_filtros[b-dpg9oxb484] {
    display: flex;
    flex-direction: column;
    margin: 1vw auto;
    padding: 0;
}

.calendar_mes[b-dpg9oxb484] {
    width: 100%;
    margin: 1vw auto;
    border: 2px solid #808080;
    padding: 1vw;
}

.mes_top[b-dpg9oxb484] {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.mes_titulo[b-dpg9oxb484] {
    margin: auto;
    padding: 0;
    border-bottom: 2px solid #808080
}

.dias_top[b-dpg9oxb484] {
    width: 100%;
    padding: 0;
    margin: 1vw 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    border: 2px solid #808080;
    border-radius: 10px;
}

.day[b-dpg9oxb484] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
}

.days_of_month[b-dpg9oxb484] {
    width: 100%;
    padding: 1vw;
    margin: 1vw 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .5rem;
    border-radius: 10px;
}

.day_celd[b-dpg9oxb484] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
    border: 1px solid #808080;
    border-radius: 10px;
}

.day_content[b-dpg9oxb484] {
    margin: 0;
    padding: .5vw;
}

.grid_limpieza[b-dpg9oxb484] {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
}

.col_lim[b-dpg9oxb484] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: 1px solid gray;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
}

    .col_lim:hover[b-dpg9oxb484] {
        background-color: #605f5fa7;
        transition: all .3s ease-in-out;
    }


.limpiar[b-dpg9oxb484] {
    display: flex;
    margin: auto;
    padding: 0;
    text-align: center;
    color: orangered;
    font-size: 1.2rem;
}

.limpio[b-dpg9oxb484] {
    display: flex;
    margin: auto;
    padding: 0;
    text-align: center;
    color: green;
    font-size: 1.2rem;
}

.cuarto[b-dpg9oxb484] {
    color: black;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}

.error[b-dpg9oxb484] {
    color: red;
    font-size: 1.5rem;
    margin: auto;
}
/*----Textos y colores*/
.titulo[b-dpg9oxb484] {
    font-size: 3rem;
    margin: auto;
    text-align: center;
}

.text[b-dpg9oxb484] {
    margin: auto;
    font-size: .8rem;
    text-align: center;
    color: #0D171F;
}

.subtitulo[b-dpg9oxb484] {
    font-size: 2rem;
    margin: 0;
    text-align: center;
}

.text_1[b-dpg9oxb484] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #605F5F;
}

.dia_text[b-dpg9oxb484] {
    margin: 0;
    font-size: 1.5rem;
    text-align: center;
    color: #605F5F;
}

.dia_text_cel[b-dpg9oxb484] {
    display: none;
}

.text-t[b-dpg9oxb484] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #38A5BC;
}

.color1[b-dpg9oxb484] {
    color: darkgreen;
    text-align: center;
    margin: 0;
}

.color2[b-dpg9oxb484] {
    color: darkorange;
    text-align: center;
    margin: 0;
}

/*---Submenus Acciones---*/
.no_visisble[b-dpg9oxb484] {
    display: none;
}

.text_submenu[b-dpg9oxb484] {
    font-size: 1rem;
    margin: auto;
}

.confirmacion_vista[b-dpg9oxb484] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 3px 3px 6px #3e3e3ed0;
    z-index: 100;
    width: 10rem;
    text-align: center;
    bottom: 110%;
    left: -50%;
}

.content_confirmacion[b-dpg9oxb484] {
    width: 100%;
    border-radius: 10px;
    color: black;
    padding: 5px 10px;
}

    .content_confirmacion:hover[b-dpg9oxb484] {
        background-color: #38A5BC;
        color: #FFF;
    }

.seguandaAccion_vista[b-dpg9oxb484] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #3e3e3ed0;
    z-index: 100;
}

.content_seugunda_accion[b-dpg9oxb484] {
    width: 100%;
    border-radius: 10px;
    color: black;
    margin: 5px auto;
    padding: 5px 10px;
}

    .content_seugunda_accion:hover[b-dpg9oxb484] {
        background-color: #38A5BC;
        color: #FFF;
    }

.reprogarmar_dia_list[b-dpg9oxb484] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    display: grid;
    box-shadow: 3px 3px 3px #3e3e3ed0;
    z-index: 100;
    grid-template-columns: repeat(3,1fr);
    gap: .3rem;
    bottom: 100%;
    left: 300%;
}

.dia_content[b-dpg9oxb484] {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: 1px solid gray;
    color: black;
    margin: auto;
    padding: 5px 10px;
}

    .dia_content:hover[b-dpg9oxb484] {
        background-color: #38A5BC;
        color: #FFF;
    }

@media screen and (max-width: 600px) {
    .home-section[b-dpg9oxb484] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-dpg9oxb484] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .Calendar_container[b-dpg9oxb484] {
        padding: 1vw;
    }

    .top_calendar[b-dpg9oxb484] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .filtros[b-dpg9oxb484] {
        grid-template-columns: repeat(2, 1fr);
        gap: .2rem;
    }

    .col_filtros[b-dpg9oxb484] {
        margin: auto;
    }

    .calendar_mes[b-dpg9oxb484] {
        margin: 1vw auto;
        padding: 1vw;
    }

    .dias_top[b-dpg9oxb484] {
        display: none;
    }

    .days_of_month[b-dpg9oxb484] {
        padding: 1vw;
        margin: 1vw 0;
        grid-template-columns: 1fr;
        gap: .5rem;
        overflow-y: auto;
        height: 45vh;
    }

    .day_celd[b-dpg9oxb484] {
        padding: 1vw;
    }

    .day_content[b-dpg9oxb484] {
        padding: .5vw;
    }

    .grid_limpieza[b-dpg9oxb484] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1vh;
    }

    /*----Textos y colores*/

    .titulo[b-dpg9oxb484] {
        font-size: 2.5rem;
    }

    .text[b-dpg9oxb484] {
        font-size: .6rem;
    }

    .subtitulo[b-dpg9oxb484] {
        font-size: 1.5rem;
    }

    .text_1[b-dpg9oxb484] {
        font-size: .8rem;
    }

    .dia_text[b-dpg9oxb484] {
        font-size: 1.5rem;
    }

    .dia_text_cel[b-dpg9oxb484] {
        display: block;
        margin: 0;
        font-size: .6rem;
        text-align: center;
        color: #605F5F;
    }

    .text-t[b-dpg9oxb484] {
        font-size: .6rem;
    }
    .confirmacion_vista[b-dpg9oxb484] {
        bottom: 110%;
        left: -10%;
    }
}
/* /Pages/CalendarioReservas/CalendarioReservas.razor.rz.scp.css */
.home-section[b-f4u86lg7tz] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-f4u86lg7tz] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.Calendar_container[b-f4u86lg7tz] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #808080;
    margin: 0;
    padding: 1vw;
}

.top_calendar[b-f4u86lg7tz] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: .5rem;
    width: 90%;
    padding: 0;
    margin: auto;
    border-bottom: 2px solid #808080;
}

.col_top_calendar[b-f4u86lg7tz] {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.filtros[b-f4u86lg7tz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem;
}

.col_filtros[b-f4u86lg7tz] {
    display: flex;
    flex-direction: column;
    margin: 1vw auto;
    padding: 0;
}

.calendar_mes[b-f4u86lg7tz] {
    width: 100%;
    margin: 1vw auto;
    border: 2px solid #808080;
    padding: 1vw;
}

.mes_top[b-f4u86lg7tz] {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.mes_titulo[b-f4u86lg7tz] {
    margin: auto;
    padding: 0;
    border-bottom: 2px solid #808080
}

.dias_top[b-f4u86lg7tz] {
    width: 100%;
    padding: 0;
    margin: 1vw 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    border: 2px solid #808080;
    border-radius: 10px;
}

.day[b-f4u86lg7tz] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
}

.days_of_month[b-f4u86lg7tz] {
    width: 100%;
    padding: 1vw;
    margin: 1vw 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .5rem;
    border-radius: 10px;
}

.day_celd[b-f4u86lg7tz] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
    border: 1px solid #808080;
    border-radius: 10px;
}

.day_content[b-f4u86lg7tz] {
    margin: 0;
    padding: .5vw;
}

.dia_habitacion[b-f4u86lg7tz] {
    margin: 0;
    padding: 0;
}

.lofts_conteiner[b-f4u86lg7tz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vw;
    margin: 0;
    padding: 0;
}

.col_lofts[b-f4u86lg7tz] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.pop_up[b-f4u86lg7tz] {
    display: none;
}

.col_lofts:hover .pop_up[b-f4u86lg7tz] {
    display: block;
    position: absolute;
    background-color: #FFF;
    z-index: 100;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 9px;
    width: 10rem;
    left: -2rem;
    box-shadow: 4px 4px 5px grey;
}

/*----Textos y colores*/

.titulo[b-f4u86lg7tz] {
    font-size: 3rem;
    margin: auto;
    text-align: center;
}

.text[b-f4u86lg7tz] {
    margin: auto;
    font-size: .8rem;
    text-align: center;
    color: #0D171F;
}

.subtitulo[b-f4u86lg7tz] {
    font-size: 2rem;
    margin: 0;
    text-align: center;
}

.text_1[b-f4u86lg7tz] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #605F5F;
}

.dia_text[b-f4u86lg7tz] {
    margin: 0;
    font-size: 1.5rem;
    text-align: center;
    color: #605F5F;
}

.dia_text_cel[b-f4u86lg7tz] {
    display: none;
}

.text-t[b-f4u86lg7tz] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #38A5BC;
}

.color1[b-f4u86lg7tz] {
    color: darkgreen;
    text-align: center;
    margin: 0;
}

.color2[b-f4u86lg7tz] {
    color: darkorange;
    text-align: center;
    margin: 0;
}

@media screen and (max-width: 600px) {
    .home-section[b-f4u86lg7tz] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-f4u86lg7tz] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .Calendar_container[b-f4u86lg7tz] {
        padding: 1vw;
    }

    .top_calendar[b-f4u86lg7tz] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .filtros[b-f4u86lg7tz] {
        grid-template-columns: repeat(2, 1fr);
        gap: .2rem;
    }

    .col_filtros[b-f4u86lg7tz] {
        margin: auto;
    }

    .calendar_mes[b-f4u86lg7tz] {
        margin: 1vw auto;
        padding: 1vw;
    }

    .dias_top[b-f4u86lg7tz] {
        display: none;
    }

    .days_of_month[b-f4u86lg7tz] {
        padding: 1vw;
        margin: 1vw 0;
        grid-template-columns: repeat(3, 1fr);
        gap: .5rem;
        overflow-y: auto;
        height: 45vh;
    }

    .day_celd[b-f4u86lg7tz] {
        padding: 1vw;
    }

    .day_content[b-f4u86lg7tz] {
        padding: .5vw;
    }

    .lofts_conteiner[b-f4u86lg7tz] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1vh;
    }

    .col_lofts:hover .pop_up[b-f4u86lg7tz] {
        padding: 5px;
        width: 8rem;
        left: -2rem;
    }

    /*----Textos y colores*/

    .titulo[b-f4u86lg7tz] {
        font-size: 2.5rem;
    }

    .text[b-f4u86lg7tz] {
        font-size: .6rem;
    }

    .subtitulo[b-f4u86lg7tz] {
        font-size: 1.5rem;
    }

    .text_1[b-f4u86lg7tz] {
        font-size: .8rem;
    }

    .dia_text[b-f4u86lg7tz] {
        font-size: 1.5rem;
    }

    .dia_text_cel[b-f4u86lg7tz] {
        display: block;
        margin: 0;
        font-size: .6rem;
        text-align: center;
        color: #605F5F;
    }

    .text-t[b-f4u86lg7tz] {
        font-size: .6rem;
    }
}
/* /Pages/Categorias/CategoriasInicio.razor.rz.scp.css */
.home-section[b-ryqp22yd21] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-ryqp22yd21] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.categoria[b-ryqp22yd21] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.categoria-open[b-ryqp22yd21] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.categoria_titulo[b-ryqp22yd21] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .categoria_titulo h3[b-ryqp22yd21] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.categoria_error[b-ryqp22yd21] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_categoria[b-ryqp22yd21] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 50vh;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.text[b-ryqp22yd21] {
    font-size: 1rem;
    color: #0D171F;
}

.no_datos[b-ryqp22yd21] {
    font-size: 3rem;
    color: #0D171F;
}

.btn_content[b-ryqp22yd21] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-ryqp22yd21] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-ryqp22yd21] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .categoria_titulo h3[b-ryqp22yd21] {
        font-size: 2vh;
    }
}

@media screen and (max-width: 500px) {
    .categoria-open[b-ryqp22yd21] {
        width: 100%;
    }

    .categoria_titulo h3[b-ryqp22yd21] {
        font-size: 2.5vh;
    }

    .btn_crear[b-ryqp22yd21] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .home-section[b-ryqp22yd21] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-ryqp22yd21] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }
}
/* /Pages/Categorias/NuevaCategoria.razor.rz.scp.css */
.home-section[b-557q503t7x] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-557q503t7x] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.labelError[b-557q503t7x] {
    color: red;
    font-family: Arial;
    font-size: 1.5rem;
}

.categoria[b-557q503t7x] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.categoria-open[b-557q503t7x] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.categoria_titulo[b-557q503t7x] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .categoria_titulo h3[b-557q503t7x] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.categoria_error[b-557q503t7x] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_categoria[b-557q503t7x] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 8vw 1fr;
    justify-content: center;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-557q503t7x] {
    display: flex;
    flex-direction: column;
}

.text[b-557q503t7x] {
    font-size: 1rem;
    color: #0D171F;
    margin: auto;
}

.btn_content[b-557q503t7x] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-557q503t7x] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-557q503t7x] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .conten_categoria[b-557q503t7x] {
        grid-template-columns: repeat(1, 1fr);
    }

    .categoria_titulo h3[b-557q503t7x] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .categoria-open[b-557q503t7x] {
        width: 100%;
    }

    .categoria_titulo h3[b-557q503t7x] {
        font-size: 2.5vh;
    }

    .btn_crear[b-557q503t7x] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .home-section[b-557q503t7x] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-557q503t7x] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }
}
/* /Pages/Configuraciones/ConfiguracionCaracteristicas.razor.rz.scp.css */
.home-section[b-grl301sy7t] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-grl301sy7t] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-grl301sy7t] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-grl301sy7t] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-grl301sy7t] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-grl301sy7t] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.configuarciones_error[b-grl301sy7t] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuarciones[b-grl301sy7t] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 3vw 1fr;
    justify-content: center;
    padding: 2vw;
    margin-bottom: 1vw;
}

.conten_configuarciones_2[b-grl301sy7t] {
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    height: 30vh;
    padding: 2vw;
    margin-bottom: 1vw;
}

.line_content[b-grl301sy7t] {
    display: flex;
    flex-direction: column;
}

    .line_content i[b-grl301sy7t] {
        margin: auto;
        color: #000;
    }

.line_content_2[b-grl301sy7t] {
    display: flex;
    flex-direction: column;
    border: 2px solid #eeeeee;
    border-radius: 10px;
}

.animation_i_after i[b-grl301sy7t] {
    font-size: 5vw;
    margin: 1.5vw auto;
}

.animation_i[b-grl301sy7t] {
    padding: .1vw;
    border-radius: 50%;
    transform: scale(.7);
    margin: 0 auto;
    transition: transform 0.2s, opacity 0.2s;
}

.animation_i_after[b-grl301sy7t] {
    padding: 0;
    width: 8vw;
    height: 8vw;
    background-color: rgba(205, 205, 205, 0.2);
    border-radius: 50%;
    transform: scale(1.3);
    color: #000;
    text-align: center;
}

.animation_i:hover[b-grl301sy7t] {
    box-shadow: 0 0 0 1vw #000;
    transform: scale(1);
    opacity: 1;
}

    .animation_i:hover:first-child .animation_i_after[b-grl301sy7t] {
        background-color: #000;
        color: #FFF;
        transform: scale(.9);
    }

.text[b-grl301sy7t] {
    font-size: 1rem;
    text-align: center;
    color: #0D171F;
}

.btn_content[b-grl301sy7t] {
    width: 100%;
    text-align: end;
}

.btn_agregar[b-grl301sy7t] {
    padding: .5rem 1rem;
    background-color: #0D171F;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_agregar:hover[b-grl301sy7t] {
        background-color: #fff;
        border: 2px solid #0D171F;
        color: #0D171F;
    }

.btn_crear[b-grl301sy7t] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-grl301sy7t] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {

    .conten_configuarciones_2[b-grl301sy7t] {
        grid-template-columns: repeat(1, 1fr);
    }

    .configuarciones_titulo h3[b-grl301sy7t] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-grl301sy7t] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-grl301sy7t] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-grl301sy7t] {
        width: 100%;
    }

    .conten_configuarciones_2[b-grl301sy7t] {
        height: 50vh;
    }

    .configuarciones_titulo h3[b-grl301sy7t] {
        font-size: 2.5vh;
    }

    .btn_agregar[b-grl301sy7t] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .btn_crear[b-grl301sy7t] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .conten_configuarciones_2 p[b-grl301sy7t] {
        font-size: 1.5vh;
    }
}
/* /Pages/Configuraciones/ConfiguracionCrear.razor.rz.scp.css */
.home-section[b-ct90yal92q] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-ct90yal92q] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-ct90yal92q] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-ct90yal92q] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-ct90yal92q] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-ct90yal92q] {
        font-family: Arial;
        font-size: 1.5vw;
        margin: 0;
        color: #0D171F;
    }

.configuarciones_error[b-ct90yal92q] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 0.8vw;
    color: red;
}

.conten_configuarciones[b-ct90yal92q] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 15vw 1fr;
    justify-content: center;
    padding: 2vw;
    text-align: center;
}

.line_content[b-ct90yal92q] {
    display: flex;
    flex-direction: column;
}

.text[b-ct90yal92q] {
    font-size: 1rem;
    color: #0D171F;
    margin: auto 0;
}

.btn_content[b-ct90yal92q] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-ct90yal92q] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-ct90yal92q] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

.grid_precios[b-ct90yal92q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.col_p[b-ct90yal92q] {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-ct90yal92q] {
        grid-template-columns: repeat(1, 1fr);
    }

    .configuarciones_titulo h3[b-ct90yal92q] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-ct90yal92q] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-ct90yal92q] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-ct90yal92q] {
        width: 100%);
    }

    .configuarciones_titulo h3[b-ct90yal92q] {
        font-size: 2.5vh;
    }

    .btn_crear[b-ct90yal92q] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .configuarciones_error[b-ct90yal92q] {
        font-size: 0.8vh;
    }
}
/* /Pages/Configuraciones/ConfiguracionesInicio.razor.rz.scp.css */
.home-section[b-thpp2vo5j3] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-thpp2vo5j3] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuracion[b-thpp2vo5j3] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuracion-open[b-thpp2vo5j3] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuracion_titulo[b-thpp2vo5j3] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuracion_titulo h3[b-thpp2vo5j3] {
        font-family: Arial;
        font-size: 1.5vw;
        margin: 0;
        color: #0D171F;
    }

.categoria_error[b-thpp2vo5j3] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuracion[b-thpp2vo5j3] {
    overflow-y: auto;
    overflow-x: auto;
    height: 60vh;
    padding: 1vw;
    margin-bottom: 1vw;
    text-align: center;
}

.text[b-thpp2vo5j3] {
    font-size: 1rem;
    color: #0D171F;
}

.no_datos[b-thpp2vo5j3] {
    font-size: 3rem;
    color: #0D171F;
}

.btn_content[b-thpp2vo5j3] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-thpp2vo5j3] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-thpp2vo5j3] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .configuarciones_titulo h3[b-thpp2vo5j3] {
        font-size: 2vh;
    }
}

@media screen and (max-width: 500px) {
    .home-section[b-thpp2vo5j3] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-thpp2vo5j3] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-thpp2vo5j3] {
        width: 100%;
    }

    .configuracion_titulo h3[b-thpp2vo5j3] {
        font-size: 2.5vh;
    }

    .btn_crear[b-thpp2vo5j3] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }
}
/* /Pages/Configuraciones/ConfiguracionImagenes.razor.rz.scp.css */
.home-section[b-svtk007ak5] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-svtk007ak5] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-svtk007ak5] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-svtk007ak5] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-svtk007ak5] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-svtk007ak5] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.configuarciones_error[b-svtk007ak5] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuarciones[b-svtk007ak5] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 60vh;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    height: 50vh;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-svtk007ak5] {
    display: flex;
    flex-direction: column;
}

    .line_content img[b-svtk007ak5] {
        width: 15vw;
    }

.subtitulo[b-svtk007ak5] {
    margin: 0;
    padding: .2vw 0;
    font-size: 2vw;
    color: #0D171F;
    text-align: start;
    font-family: Arial;
}

.text[b-svtk007ak5] {
    margin: 0;
    padding: .2vw 0;
    font-size: 1rem;
    color: #0D171F;
    text-align: start;
}

.btn_content[b-svtk007ak5] {
    width: 100%;
    text-align: end;
}

.content_file[b-svtk007ak5] {
    position: relative;
    padding: .5rem 1rem;
    background-color: #0D171F;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .content_file:hover[b-svtk007ak5] {
        background-color: #fff;
        border: 2px solid #0D171F;
        color: #0D171F;
    }

.btn_file[b-svtk007ak5] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.btn_crear[b-svtk007ak5] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-svtk007ak5] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-svtk007ak5] {
        grid-template-columns: repeat(1, 1fr);
    }

    .line_content img[b-svtk007ak5] {
        width: 20vw;
    }

    .configuarciones_titulo h3[b-svtk007ak5] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-svtk007ak5] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-svtk007ak5] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-svtk007ak5] {
        width: 100%;
    }

    .configuarciones_titulo h3[b-svtk007ak5] {
        font-size: 2.5vh;
    }

    .subtitulo[b-svtk007ak5] {
        font-size: 1.5vh;
    }

    .btn_agregar[b-svtk007ak5] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .btn_crear[b-svtk007ak5] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }
}
/* /Pages/Configuracion/ConfiguracionInicioPage.razor.rz.scp.css */
.content_page[b-v2vq183zg3] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}

.content_table[b-v2vq183zg3] {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    padding: 1vw;
}

.content_title[b-v2vq183zg3] {
    width: 100%;
    margin:6vw auto;
    /*background-color: #e8e8e8;*/
    text-align: center;
    padding: 1vw;
    display: flex;
}

.title[b-v2vq183zg3] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
}

.content_grid_3[b-v2vq183zg3] {
    width: 50%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1vw;
}

.col_grid[b-v2vq183zg3] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: .2vw solid #38a5bc;
    padding: 1vw;
    border-radius: 2vw;
    z-index: 1;
    box-shadow: .4vw .4vw .8vw #16161693;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: #ffffff;
}
.icono_menu[b-v2vq183zg3] {
    /*position: relative;*/
    /*width: 50%;*/
    /*margin: 1vw auto;*/
    /*z-index: 3;*/
    width: 3vw;
    /*margin: auto;*/
    /*color: #6E1D3A;*/
    /*background-color: white;*/
    /*border: 20px solid #671932;*/
    /*border-radius: 90%;*/
    /*width: 10vw;*/
    /*height: 10vw;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.col_grid i[b-v2vq183zg3] {
    position: relative;
    font-size: 5vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #91c9d5;
    z-index: 3;
}

.col_grid span[b-v2vq183zg3] {
    position: relative;
    font-size: 1.2vw;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    color: #000000;
    z-index: 3;
}

/* /Pages/CuentaInicio/CuentaInicio.razor.rz.scp.css */
.cuenta[b-98auxk0g7i] {
    width: 100%;
    min-height: calc(100vh - 75px);
    background: radial-gradient(circle at 3% 6%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 90% 90%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 80%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 60% 55%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 40%, rgba(56, 165, 188,.5) 6%, rgba(234, 237, 237,0) 6%), radial-gradient(circle at 85% 20%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,1) 10%);
    position: relative;
    top: 10vh;
    padding: 1vw 0;
    margin: 0;
}

.container_c[b-98auxk0g7i] {
    width: 100%;
    padding: 0;
    margin: auto 0;
}

.container_cuenta[b-98auxk0g7i] {
    width: 90%;
    margin: auto;
    padding: 0;
    background-color: #FFF;
    border: 1px solid #F0F0F0;
    border-radius: 2vw;
}

.titulo_cuenta[b-98auxk0g7i] {
    display: flex;
    width: 90%;
    margin: 1vh auto;
    justify-content: center;
    text-align: center;
}

.card_status_cuenta[b-98auxk0g7i] {
    margin: 0;
    padding: 2vw;
    width: 90%;
    background-color: #FFF;
    margin: 2vh auto;
    border-radius: 20px;
}

.card_cuenta[b-98auxk0g7i] {
    margin: 0;
    padding: 2vw;
    width: 90%;
    background-color: #FFF;
    margin: 2vh auto;
    border-radius: 20px;
}

.card_usuario[b-98auxk0g7i] {
    margin: 0;
    padding: 2vw;
    width: 90%;
    background-color: #FFF;
    margin: 2vw auto;
    border-radius: 2vw;
}

.row_staurs_cuenta_1[b-98auxk0g7i] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1vw;
    grid-template-columns: 1fr 12vw;
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
}

.row_staurs_cuenta_2[b-98auxk0g7i], .row_staurs_cuenta_3[b-98auxk0g7i] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1vw;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
}

.row_user[b-98auxk0g7i] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1vw;
    grid-template-columns: 1fr 8vw;
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
}

.row_pass[b-98auxk0g7i] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1vw;
    grid-template-columns: 1fr 1fr 8vw;
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
}

.row_datos_u[b-98auxk0g7i] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1vw;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
}

.row_datos_c[b-98auxk0g7i] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1vw;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
}

.col_status[b-98auxk0g7i] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.i_status_r[b-98auxk0g7i] {
    font-size: 1.5vw;
    color: orange;
    margin-right: 1vw;
}

.i_status[b-98auxk0g7i] {
    color: #38A5BC;
    margin-right: 1vw;
}

.col_user[b-98auxk0g7i] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.col_pass[b-98auxk0g7i] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.col_u[b-98auxk0g7i] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.col_c[b-98auxk0g7i] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.btn_edit_usuario[b-98auxk0g7i] {
    width: 100%;
    margin: .5vw auto;
    padding: 0;
    text-align: end;
}

.titulo[b-98auxk0g7i] {
    font-size: 3vw;
    color: #0D171F;
    margin: 0;
}

.subitle_content[b-98auxk0g7i] {
    position: relative;
    display: flex;
}

.subitle[b-98auxk0g7i] {
    font-size: 2vw;
    font-weight: 500;
    margin: 0;
}

.error[b-98auxk0g7i] {
    font-size: 1.2vw;
    color: red;
}

.text_v[b-98auxk0g7i] {
    display: flex;
    font-size: 1.5vw;
    color: #000;
    text-align: center;
    margin: auto 0;
}

.text[b-98auxk0g7i] {
    font-size: 1.5vw;
    color: #000;
    text-align: start;
    margin: auto 0;
}

.intputs_content[b-98auxk0g7i] {
    width: 100%;
    background-color: #f0f0f0;
    margin: 1vw auto;
    border-radius: 5.5vw;
    display: grid;
    grid-template-columns: 2.5vw 1fr 1.5vw;
    padding: 0 0.4rem;
    position: relative;
}


    .intputs_content i[b-98auxk0g7i] {
        text-align: center;
        line-height: 5vw;
        color: #acacac;
        transition: 0.5s;
        font-size: 1.1vw;
    }

    .intputs_content input[b-98auxk0g7i] {
        background: none;
        outline: none;
        border: none;
        line-height: 1;
        font-weight: 600;
        font-size: 1.1vw;
        color: #333;
    }

        .intputs_content input[b-98auxk0g7i]::placeholder {
            color: #aaa;
            font-weight: 500;
        }

.info[b-98auxk0g7i] {
    position: relative;
}

    .info i[b-98auxk0g7i] {
        font-size: 1.1vw;
        transition: all .3s ease;
        color: #9a9797;
    }

    .info:hover i[b-98auxk0g7i] {
        transform: scale(1.3);
        color: #444;
    }

.poper[b-98auxk0g7i] {
    display: none;
}

.info:hover .poper[b-98auxk0g7i] {
    background-color: #FFF;
    position: absolute;
    display: flex;
    bottom: 120%;
    left: 100%;
    border-radius: 1vw 1vw 1vw 0;
    border: 2px solid #38A5BC;
    width: 9vw;
    max-width: 10vw;
    padding: .5vw;
    animation: .3s popup-b-98auxk0g7i ease;
    z-index: 100;
}

.info_t[b-98auxk0g7i] {
    position: relative;
    margin: auto 1vw;
}

    .info_t i[b-98auxk0g7i] {
        font-size: 1.1vw;
        transition: all .3s ease;
        color: #9a9797;
    }

    .info_t:hover i[b-98auxk0g7i] {
        transform: scale(1.3);
        color: #444;
    }

.poper_t[b-98auxk0g7i] {
    display: none;
}

.info_t:hover .poper_t[b-98auxk0g7i] {
    background-color: #FFF;
    position: absolute;
    display: flex;
    bottom: -150%;
    left: 150%;
    border-radius: 1vw;
    border: 2px solid #38A5BC;
    width: 9rem;
    max-width: 10vw;
    padding: .5vw;
    animation: .3s popup-b-98auxk0g7i ease;
    z-index: 100;
}

.text_poper[b-98auxk0g7i] {
    margin: 0;
    font-size: .8vw;
    color: #444;
}

@keyframes popup-b-98auxk0g7i {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    50% {
        transform: translateY(25%);
        opacity: .8;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.btn_edit[b-98auxk0g7i] {
    background-color: #38A5BC;
    border-radius: 3vw;
    border: 1px solid #fff;
    color: #FFF;
    padding: .5vw;
    margin: auto;
}

    .btn_edit:hover[b-98auxk0g7i] {
        background-color: #fff;
        color: #38A5BC;
        border: 1px solid #38A5BC;
    }

    .btn_edit p[b-98auxk0g7i] {
        font-size: 1.5vw;
        margin: auto 1vw;
    }

.btn_verificar[b-98auxk0g7i] {
    background-color: #38A5BC;
    border-radius: 3vw;
    border: 1px solid #fff;
    color: #FFF;
    padding: .5rem;
    margin: auto;
    font-size: 1.5vw;
}

    .btn_verificar:hover[b-98auxk0g7i] {
        background-color: #fff;
        color: #38A5BC;
        border: 1px solid #38A5BC;
    }

    .btn_verificar p[b-98auxk0g7i] {
        font-size: 1.5vw;
        margin: auto 1vw;
    }

/*Alertas*/
@keyframes showalert-b-98auxk0g7i {
    0% {
        transform: translateX(150%);
    }

    1.33% {
        transform: translateX(-10%);
    }

    2.66% {
        transform: translateX(10%);
    }

    4.6% {
        transform: translateX(0%);
    }

    86.66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.alert_dato[b-98auxk0g7i] {
    color: red;
    font-size: 1vw;
    text-align: center;
    margin: auto;
}

.alerta[b-98auxk0g7i] {
    display: none;
}

.alerta_exito[b-98auxk0g7i] {
    position: absolute;
    display: flex;
    padding: 0;
    top: 25%;
    right: 1vw;
    background-color: #AEFFAE;
    border-left: .7vw solid #1ECA1E;
    color: #268626;
    animation: showalert-b-98auxk0g7i 30s forwards;
    border-radius: .5vw;
    z-index: 100;
}

.icon_alert_2[b-98auxk0g7i] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
}

.alerta_exito p[b-98auxk0g7i] {
    margin: 1vw;
}

.alerta_falla[b-98auxk0g7i] {
    position: absolute;
    display: flex;
    padding: 0;
    top: 25%;
    right: 1vw;
    background-color: #FFD17F;
    border-left: .7vw solid #FF6F00;
    color: #DC9822;
    animation: showalert-b-98auxk0g7i 30s forwards;
    border-radius: .5vw;
    z-index: 100;
}

.icon_alert_3[b-98auxk0g7i] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
}

.alerta_falla p[b-98auxk0g7i] {
    margin: 1vw;
}

@media screen and (max-width: 780px) {
    .cuenta[b-98auxk0g7i] {
        padding: 1rem;
    }

    .card_cuenta[b-98auxk0g7i] {
        padding: 1vh;
    }

    .card_usuario[b-98auxk0g7i] {
        padding: 1vh;
    }

    .row_staurs_cuenta[b-98auxk0g7i] {
        grid-template-columns: 1fr;
        padding: .5vh;
        margin-bottom: 1vh;
    }

    .row_user[b-98auxk0g7i] {
        grid-template-columns: 1fr;
        padding: .5vh;
        margin-bottom: 1vh;
    }

    .row_pass[b-98auxk0g7i] {
        grid-template-columns: 1fr;
        padding: .5vh;
        margin-bottom: 1vh;
    }

    .row_datos_u[b-98auxk0g7i] {
        grid-template-columns: 1fr;
        padding: .5vh;
        margin-bottom: 1vh;
    }

    .row_datos_c[b-98auxk0g7i] {
        grid-template-columns: 1fr;
        padding: .5vh;
        margin-bottom: 1vh;
    }

    .titulo[b-98auxk0g7i] {
        font-size: 2rem;
    }

    .subitle[b-98auxk0g7i] {
        font-size: 1.5rem;
    }

    .error[b-98auxk0g7i] {
        font-size: 1.2vh;
    }

    .text[b-98auxk0g7i] {
        margin: auto;
        text-align: center;
        font-size: 1.5vh;
    }

    .text_v[b-98auxk0g7i] {
        margin: auto;
        font-size: 1rem;
    }

    .intputs[b-98auxk0g7i] {
        font-size: 1.5vh;
        text-align: center;
    }

    .btn_edit[b-98auxk0g7i] {
        margin: auto;
    }

        .btn_edit p[b-98auxk0g7i] {
            font-size: 1.1rem;
            margin: auto 1vh;
        }

    .btn_verificar[b-98auxk0g7i] {
        font-size: 1.1rem;
    }

    .icon_alert_2[b-98auxk0g7i] {
        margin: 1.25vh 0 0 1vh;
    }

    .alerta_exito p[b-98auxk0g7i] {
        margin: 1vw;
    }

    .icon_alert_3[b-98auxk0g7i] {
        margin: 1.25vh 0 0 1vh;
    }

    .alerta_falla p[b-98auxk0g7i] {
        margin: 1vh;
    }

    .intputs_content[b-98auxk0g7i] {
        grid-template-columns: 8vw 55vw 8vw;
    }

        .intputs_content i[b-98auxk0g7i] {
            line-height: 5vh;
            font-size: 2vh;
        }

        .intputs_content input[b-98auxk0g7i] {
            font-size: 2vh;
            color: #333;
        }

    .info:hover .poper[b-98auxk0g7i] {
        border: .2vh solid #38A5BC;
        bottom: 100%;
        left: -400%;
        border-radius: 1vh;
        width: 15vh;
        max-width: 20vh;
        padding: .5vh;
    }

    .info i[b-98auxk0g7i] {
        font-size: 2vh;
    }

    .info_t i[b-98auxk0g7i] {
        font-size: 1.5vh;
    }

    .info_t:hover .poper_t[b-98auxk0g7i] {
        border-radius: 1vh;
        border: 2px solid #38A5BC;
        width: 19vh;
        max-width: 20vh;
        padding: .5vh;
        bottom: -400%;
        left: -500%;
    }

    .text_poper[b-98auxk0g7i] {
        font-size: 1.5vh;
    }
}
/* /Pages/Cuentas/AgregarCuentaPage.razor.rz.scp.css */
.content_page[b-6wtqlyhwxb] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
.home-section[b-f2gsh7vg67] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-f2gsh7vg67] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

/*Dash-Cards*/
.dash_cards[b-f2gsh7vg67] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 0;
    padding: .5rem;
    z-index: 20;
}

.card[b-f2gsh7vg67] {
    background-color: #FFF;
    border-radius: 10px;
    border: 2px solid #CFCFCF;
    padding: .5rem;
    margin: 0;
    transform: scale(1);
    transition: all .6s ease;
}

    .card:hover[b-f2gsh7vg67] {
        border: 5px solid #38A5BC;
        transform: scale(1.1);
        z-index: 50;
    }

.card_title[b-f2gsh7vg67] {
    text-align: center;
    margin: auto;
    font-size: 2rem;
    color: #38A5BC;
    padding: 0;
}

    .card_title p[b-f2gsh7vg67] {
        margin: 0;
    }

.card_container[b-f2gsh7vg67] {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.card_status[b-f2gsh7vg67] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.conten_status[b-f2gsh7vg67] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 0;
    margin: 0;
}

.status_icon[b-f2gsh7vg67] {
    display: flex;
    flex-direction: column;
    text-align: end;
    font-size: 2.5rem;
}

.status_num[b-f2gsh7vg67] {
    display: flex;
    flex-direction: column;
    text-align: start;
    padding: 0.25rem 0;
}

.status_title[b-f2gsh7vg67] {
    text-align: center;
    margin: auto;
    padding: 0;
}

.content_pop_up[b-f2gsh7vg67] {
    margin: 0;
    padding: 0;
}
/*POP-UP*/
.pop_up[b-f2gsh7vg67] {
    display: none;
}

.card_status:hover ~ .pop_up[b-f2gsh7vg67] {
    display: grid;
    position: absolute;
    background-color: #FFF;
    border: 2px solid gray;
    border-radius: 10px;
    font-size: 1vw;
    z-index: 100;
    padding: .5vw;
    text-align: start;
}

.pp_ocupado[b-f2gsh7vg67] {
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
}

.pop_up_line[b-f2gsh7vg67] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

    .pop_up_line p[b-f2gsh7vg67] {
        margin: 0;
    }

/*Clases de texto*/
.text[b-f2gsh7vg67] {
    font-size: 1.5rem;
    margin: 0;
}

.s_libre[b-f2gsh7vg67] {
    color: green;
}

.s_ocupado[b-f2gsh7vg67] {
    color: red;
}

.pop_up_title[b-f2gsh7vg67] {
    color: #38A5BC;
}

/*Level-2*/
.level_2[b-f2gsh7vg67] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    width: 100%;
    padding: .5rem;
}

.level_3[b-f2gsh7vg67] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
    width: 100%;
    padding: .5rem;
}

.col_level_2[b-f2gsh7vg67] {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 20px;
    border: 2px solid #CFCFCF;
    margin: 0;
    padding: 10px;
}

.chart[b-f2gsh7vg67] {
    width: 100%;
}

.new_users[b-f2gsh7vg67] {
    width: 100%;
    margin: 1vh 0;
    padding: 0;
    border-bottom: 2px solid #CFCFCF;
}

.content_use[b-f2gsh7vg67] {
    display: grid;
    grid-template-columns: 4rem 2fr;
    gap: .5rem;
    height: 10vh;
}

.col_use[b-f2gsh7vg67] {
    display: flex;
    flex-direction: column
}

.img_user[b-f2gsh7vg67] {
    color: #38A5BC;
    font-size: 3rem;
    margin: 0 auto;
}

.text2[b-f2gsh7vg67] {
    font-size: .78rem;
    margin: 0;
}

/*Alerta-error*/
.alert[b-f2gsh7vg67] {
    margin: auto;
    text-align: center;
    color: red;
    font-size: 2vh;
}

@media screen and (max-width: 780px) {

    /*Dash-Cards*/
    .dash_cards[b-f2gsh7vg67] {
        grid-template-columns: repeat(2, 1fr);
    }

    .pp_ocupado[b-f2gsh7vg67] {
        right: 0;
        grid-template-columns: repeat(2, 1fr);
    }
    /*Level-2*/
    .level_2[b-f2gsh7vg67] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .level_3[b-f2gsh7vg67] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }


    .card_status:hover ~ .pop_up[b-f2gsh7vg67] {
        font-size: 2vh;
    }

    .text2[b-f2gsh7vg67] {
        font-size: 1rem;
    }
}

@media screen and (max-width: 600px) {
    .home-section[b-f2gsh7vg67] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-f2gsh7vg67] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    /*Dash-Cards*/
    .dash_cards[b-f2gsh7vg67] {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* /Pages/EscogeLoft/EscogeLoft.razor.rz.scp.css */
img[b-ty2294025r] {
    max-width: 100%;
    height: auto;
}

.section[b-ty2294025r] {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 10vh);
    top: 10vh;
    background: radial-gradient(circle at 0% 0%, rgba(207,207,207,1) 30%, rgba(241,241,241,0) 30%), radial-gradient(circle at 100% 100%, rgba(207,207,207,1) 30%, rgba(241,241,241,0) 30%);
    margin-top: 0;
    padding: 4vh 0 2vh;
}

.section-title[b-ty2294025r], .section-subtitle[b-ty2294025r] {
    text-align: center;
}

.section-title[b-ty2294025r] {
    font-size: 2.5vw;
    color: #38A5BC;
    margin-top: 2.5vh;
    margin-bottom: 1.5vh;
}

.section-subtitle[b-ty2294025r] {
    display: block;
    color: #38A5BC;
    font-weight: 500;
    margin-bottom: .5vh;
}

.titulo_cuenta[b-ty2294025r] {
    display: flex;
    width: 90%;
    margin: auto;
    justify-content: center;
    text-align: center;
    margin-bottom: 1vw;
}

.info_t[b-ty2294025r] {
    position: relative;
    margin: auto 1vw;
}

    .info_t i[b-ty2294025r] {
        font-size: 1.1vw;
        transition: all .3s ease;
        color: #9a9797;
    }

    .info_t:hover i[b-ty2294025r] {
        transform: scale(1.3);
        color: #444;
    }

.poper_t[b-ty2294025r] {
    display: none;
}

.info_t:hover .poper_t[b-ty2294025r] {
    background-color: #FFF;
    position: absolute;
    display: flex;
    bottom: -110%;
    left: 150%;
    border-radius: 10px;
    border: 2px solid #38A5BC;
    width: 9vw;
    max-width: 10vw;
    padding: .5vw;
    animation: .3s popup-b-ty2294025r ease;
    z-index: 100;
}

.text_poper[b-ty2294025r] {
    margin: 0;
    font-size: .8vw;
    color: #444;
}

@keyframes popup-b-ty2294025r {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    50% {
        transform: translateY(25%);
        opacity: .8;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.button[b-ty2294025r] {
    display: inline-block;
    background-color: #38A5BC;
    color: #FFF;
    padding: .75vh 1vh;
    border-radius: 2.5vh;
    transition: .3s;
    margin: 0;
}

    .button:hover[b-ty2294025r] {
        background-color: #4481eb;
    }

.bd-container[b-ty2294025r] {
    max-width: 100%;
    width: 100%;
}

.bd-grid[b-ty2294025r] {
    display: grid;
    gap: 2vh;
}

.menu__container[b-ty2294025r] {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    padding: 0;
}

.img_col[b-ty2294025r] {
    margin: 0 auto;
}

.text_col[b-ty2294025r] {
    margin: auto;
    margin-top: 20px;
}

.menu__content[b-ty2294025r] {
    position: relative;
    background-color: rgba(170,170,170,.3);
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: .5vw;
    box-shadow: 0px 0px 24px rgba(20,20,20,.3);
    padding: 5px;
    cursor: pointer;
}

.menu__img[b-ty2294025r] {
    width: 50px;
    height: 50px;
    align-self: center;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.menu__name[b-ty2294025r] {
    font-weight: 100;
    color: #38A5BC;
}

.menu__name[b-ty2294025r] {
    font-size: 1.8vw;
    margin-bottom: .7vh;
}


.menu__detail[b-ty2294025r] {
    font-size: 1.2vw;
}

.menu__bed[b-ty2294025r] {
    height: 1.5vw;
}

.menu__text[b-ty2294025r] {
    font-size: 1vw;
    margin-bottom: 3.5vh;
}

.menu__button[b-ty2294025r] {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    padding: .625vh .813vh;
    border-radius: .5vw 0 .5vw 0;
    font-size: 1.5vw;
}

@media screen and (min-width: 768px) {

    .section[b-ty2294025r] {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .bd-container[b-ty2294025r] {
        margin-left: auto;
        margin-right: auto;
        padding: 2vw;
    }

    .bd-grid[b-ty2294025r] {
        gap: 1vw;
    }

    .menu__container[b-ty2294025r] {
        margin-top: 3vw;
    }

    .menu__container[b-ty2294025r] {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 4vw;
    }

    .menu__content[b-ty2294025r] {
        padding: 1.5vw;
    }

    .menu__img[b-ty2294025r] {
        width: 20vw;
        height: 20vw;
    }
}

@media screen and (min-width: 960px) {
    .bd-container[b-ty2294025r] {
        margin-left: auto;
        margin-right: auto;
        gap: 8.5vw;
    }
}

@media screen and (max-width: 760px) {
    .bd-container[b-ty2294025r] {
        margin-left: auto;
        margin-right: auto;
        padding: 2rem;
    }

    .menu__name[b-ty2294025r] {
        font-size: 1.2rem;
    }

    .menu__img[b-ty2294025r] {
        width: 180px;
        height: 180px;
    }

    .menu__text[b-ty2294025r] {
        font-size: .8rem;
    }

    .menu__bed[b-ty2294025r] {
        height: 1rem;
    }

    .menu__container[b-ty2294025r] {
        grid-template-columns: repeat(1, 1fr);
    }

    .menu__content[b-ty2294025r] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1fr);
        column-gap: 2rem;
    }

    .bd-grid[b-ty2294025r] {
        gap: 1rem;
    }

    .menu__detail[b-ty2294025r] {
        font-size: 1rem;
    }

    .menu__button[b-ty2294025r] {
        font-size: 2.5vh;
    }

    .section-title[b-ty2294025r] {
        font-size: 3.5vh;
    }
}



@media screen and (max-width: 500px) {
    .menu__text[b-ty2294025r] {
        margin-bottom: 4.5rem;
    }

    .menu__img[b-ty2294025r] {
        width: 150px;
        height: 150px;
        margin-top: 10vw;
    }

    .menu__content[b-ty2294025r] {
        column-gap: 0;
    }
}

@media screen and (max-width: 290px) {

    .menu__img[b-ty2294025r] {
        width: 90px;
        height: 90px;
        margin-top: 8vh;
    }
}
/* /Pages/Habitaciones/HabitacionCrear.razor.rz.scp.css */
.home-section[b-xo8u7in475] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-xo8u7in475] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-xo8u7in475] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-xo8u7in475] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-xo8u7in475] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-xo8u7in475] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.configuarciones_error[b-xo8u7in475] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuarciones[b-xo8u7in475] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 15vw 1fr;
    justify-content: center;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.tb_descripcion[b-xo8u7in475] {
    width: 100%;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-xo8u7in475] {
    display: flex;
    flex-direction: column;
}

.text[b-xo8u7in475] {
    font-size: 1rem;
    color: #0D171F;
    margin: auto 0;
}

.btn_content[b-xo8u7in475] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-xo8u7in475] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-xo8u7in475] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-xo8u7in475] {
        grid-template-columns: repeat(1, 1fr);
    }

    .configuarciones_titulo h3[b-xo8u7in475] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-xo8u7in475] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-xo8u7in475] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-xo8u7in475] {
        width: 100%;
    }

    .configuarciones_titulo h3[b-xo8u7in475] {
        font-size: 2.5vh;
    }


    .table_text[b-xo8u7in475] {
        font-size: 1.5vh;
    }

    .btn_crear[b-xo8u7in475] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }
}

@media screen and (max-width: 285px) {

    .configuarciones_titulo h3[b-xo8u7in475] {
        font-size: 2vh;
    }


    .table_text[b-xo8u7in475] {
        font-size: 1vh;
    }

    .btn_crear[b-xo8u7in475] {
        padding: .2rem .4rem;
        font-size: 1.5vh;
    }
}
/* /Pages/Habitaciones/HabitacionesInicio.razor.rz.scp.css */
.home-section[b-at8mql07gt] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-at8mql07gt] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuracion[b-at8mql07gt] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuracion-open[b-at8mql07gt] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuracion_titulo[b-at8mql07gt] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuracion_titulo h3[b-at8mql07gt] {
        font-family: Arial;
        font-size: 1.5vw;
        margin: 0;
        color: #0D171F;
    }

.categoria_error[b-at8mql07gt] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuracion[b-at8mql07gt] {
    overflow-y: auto;
    overflow-x: auto;
    height: 60vh;
    padding: 1vw;
    margin-bottom: 1vw;
    text-align: center;
}

.text[b-at8mql07gt] {
    font-size: 1rem;
    color: #0D171F;
}

.no_datos[b-at8mql07gt] {
    font-size: 3rem;
    color: #0D171F;
}

.btn_content[b-at8mql07gt] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-at8mql07gt] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-at8mql07gt] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .configuarciones_titulo h3[b-at8mql07gt] {
        font-size: 2vh;
    }
}

@media screen and (max-width: 500px) {
    .home-section[b-at8mql07gt] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-at8mql07gt] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-at8mql07gt] {
        width: 100%;
    }

    .configuracion_titulo h3[b-at8mql07gt] {
        font-size: 2.5vh;
    }

    .btn_crear[b-at8mql07gt] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.content_page[b-6ftuw1uyyn] {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
}

.cookies_nuevas[b-6ftuw1uyyn] {
    position: fixed;
    display: flex;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    background-color: #ffffffd0;
    margin: 0;
    padding: 10px;
    z-index: 800;
}

.no_visibles[b-6ftuw1uyyn] {
    display: none;
}

    .grid_cookie[b-6ftuw1uyyn] {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 1vw;
        width: 100%;
    }

.col_cookie[b-6ftuw1uyyn] {
    display: flex;
    flex-direction: column;
}

.img_cookie[b-6ftuw1uyyn] {
    margin: auto;
    width: 15vw;
}

.text_cookie[b-6ftuw1uyyn] {
    color: rgb(0 0 0);
    font-size: 2vw;
    font-weight: 600;
    margin: 0;
}

.text_cookies[b-6ftuw1uyyn] {
    color: rgb(28 28 28);
    font-size: 1.5vw;
    margin: 0;
}

.btn_cookis[b-6ftuw1uyyn] {
    background-color: rgba(56, 165, 188, 1);
    color: #FFF;
    border-radius: 3vw;
    font-size: 1.5vw;
    text-align: center;
    padding: 1vw;
    margin: auto;
    border: .4vw solid rgba(56, 165, 188, 1);
}

    .btn_cookis:hover[b-6ftuw1uyyn] {
        background-color: #FFF;
        color: rgba(56, 165, 188, 1);
        border: .4vw solid rgba(56, 165, 188, 1);
    }

@media screen and (max-width: 600px) {
    

    .cookies_nuevas[b-6ftuw1uyyn] {
        height: 20%;
    }

    .grid_cookie[b-6ftuw1uyyn] {
        grid-template-columns: 1fr fr;
        gap: 1vh;
    }

    .img_cookie[b-6ftuw1uyyn] {
        margin: auto;
        width: 15vh;
    }

    .text_cookie[b-6ftuw1uyyn] {
        font-size: 3vh;
    }

    .text_cookies[b-6ftuw1uyyn] {
        font-size: 2vh;
    }

    .btn_cookis[b-6ftuw1uyyn] {
        border-radius: 3vh;
        font-size: 2.5vh;
        padding: 1vh;
        border: .4vh solid rgba(56, 165, 188, 1);
    }

        .btn_cookis:hover[b-6ftuw1uyyn] {
            border: .4vh solid rgba(56, 165, 188, 1);
        }
}
/* /Pages/Limpieza/PanelLimpieza.razor.rz.scp.css */
.home-section[b-bjysc29ra1] {
    position: relative;
    background: #E4E9F7;
    left: 0;
    top: 75px;
    width: 100%;
    transition: all 0.5s ease;
    z-index: 2;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-bjysc29ra1] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.Calendar_container[b-bjysc29ra1] {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background-color: #fff;
    border-radius: 20px;
    border: 2px solid #808080;
    margin: 0;
    padding: 1vw;
}

.top_calendar[b-bjysc29ra1] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: .5rem;
    width: 90%;
    padding: 0;
    margin: auto;
    border-bottom: 2px solid #808080;
}

.col_top_calendar[b-bjysc29ra1] {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.filtros[b-bjysc29ra1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem;
}

.col_filtros[b-bjysc29ra1] {
    display: flex;
    flex-direction: column;
    margin: 1vw auto;
    padding: 0;
}

.calendar_mes[b-bjysc29ra1] {
    width: 100%;
    margin: 1vw auto;
    border: 2px solid #808080;
    padding: 1vw;
}

.mes_top[b-bjysc29ra1] {
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.mes_titulo[b-bjysc29ra1] {
    margin: auto;
    padding: 0;
    border-bottom: 2px solid #808080
}

.dias_top[b-bjysc29ra1] {
    width: 100%;
    padding: 0;
    margin: 1vw 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
    border: 2px solid #808080;
    border-radius: 10px;
}

.day[b-bjysc29ra1] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
}

.days_of_month[b-bjysc29ra1] {
    width: 100%;
    padding: 1vw;
    margin: 1vw 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .5rem;
    border-radius: 10px;
}

.day_celd[b-bjysc29ra1] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
    border: 1px solid #808080;
    border-radius: 10px;
}

.day_content[b-bjysc29ra1] {
    margin: 0;
    padding: .5vw;
}

.grid_limpieza[b-bjysc29ra1] {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
}

.col_lim[b-bjysc29ra1] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: 1px solid gray;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
}

    .col_lim:hover[b-bjysc29ra1] {
        background-color: #605f5fa7;
        transition: all .3s ease-in-out;
    }


.limpiar[b-bjysc29ra1] {
    display: flex;
    margin: auto;
    padding: 0;
    text-align: center;
    color: orangered;
    font-size: 1.2rem;
}

.limpio[b-bjysc29ra1] {
    display: flex;
    margin: auto;
    padding: 0;
    text-align: center;
    color: green;
    font-size: 1.2rem;
}

.cuarto[b-bjysc29ra1] {
    color: black;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}

.error[b-bjysc29ra1] {
    color: red;
    font-size: 1.5rem;
    margin: auto;
}
/*----Textos y colores*/
.titulo[b-bjysc29ra1] {
    font-size: 3rem;
    margin: auto;
    text-align: center;
}

.text[b-bjysc29ra1] {
    margin: auto;
    font-size: .8rem;
    text-align: center;
    color: #0D171F;
}

.subtitulo[b-bjysc29ra1] {
    font-size: 2rem;
    margin: 0;
    text-align: center;
}

.text_1[b-bjysc29ra1] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #605F5F;
}

.dia_text[b-bjysc29ra1] {
    margin: 0;
    font-size: 1.5rem;
    text-align: center;
    color: #605F5F;
}

.dia_text_cel[b-bjysc29ra1] {
    display: none;
}

.text-t[b-bjysc29ra1] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #38A5BC;
}

.color1[b-bjysc29ra1] {
    color: darkgreen;
    text-align: center;
    margin: 0;
}

.color2[b-bjysc29ra1] {
    color: darkorange;
    text-align: center;
    margin: 0;
}

/*---Submenus Acciones---*/
.no_visisble[b-bjysc29ra1] {
    display: none;
}

.text_submenu[b-bjysc29ra1] {
    font-size: 1rem;
    margin: auto;
}

.confirmacion_vista[b-bjysc29ra1] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 3px 3px 6px #3e3e3ed0;
    z-index: 100;
    width: 10rem;
    text-align: center;
    bottom: 110%;
    left: -50%;
}

.content_confirmacion[b-bjysc29ra1] {
    width: 100%;
    border-radius: 10px;
    color: black;
    padding: 5px 10px;
}

    .content_confirmacion:hover[b-bjysc29ra1] {
        background-color: #38A5BC;
        color: #FFF;
    }

.seguandaAccion_vista[b-bjysc29ra1] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #3e3e3ed0;
    z-index: 100;
}

.content_seugunda_accion[b-bjysc29ra1] {
    width: 100%;
    border-radius: 10px;
    color: black;
    margin: 5px auto;
    padding: 5px 10px;
}

    .content_seugunda_accion:hover[b-bjysc29ra1] {
        background-color: #38A5BC;
        color: #FFF;
    }

.reprogarmar_dia_list[b-bjysc29ra1] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    display: grid;
    box-shadow: 3px 3px 3px #3e3e3ed0;
    z-index: 100;
    grid-template-columns: repeat(3,1fr);
    gap: .3rem;
    bottom: 100%;
    left: 300%;
}

.dia_content[b-bjysc29ra1] {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: 1px solid gray;
    color: black;
    margin: auto;
    padding: 5px 10px;
}

    .dia_content:hover[b-bjysc29ra1] {
        background-color: #38A5BC;
        color: #FFF;
    }

@media screen and (max-width: 600px) {
    .home-section[b-bjysc29ra1] {
        min-height: 100vh;
        left: 0;
        top: 75px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-bjysc29ra1] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .Calendar_container[b-bjysc29ra1] {
        padding: 1vw;
    }

    .top_calendar[b-bjysc29ra1] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .filtros[b-bjysc29ra1] {
        grid-template-columns: repeat(2, 1fr);
        gap: .2rem;
    }

    .col_filtros[b-bjysc29ra1] {
        margin: auto;
    }

    .calendar_mes[b-bjysc29ra1] {
        margin: 1vw auto;
        padding: 1vw;
    }

    .dias_top[b-bjysc29ra1] {
        display: none;
    }

    .days_of_month[b-bjysc29ra1] {
        padding: 1vw;
        margin: 1vw 0;
        grid-template-columns:1fr;
        gap: .5rem;
        overflow-y: auto;
        height: 45vh;
    }

    .day_celd[b-bjysc29ra1] {
        padding: 1vw;
    }

    .day_content[b-bjysc29ra1] {
        padding: .5vw;
    }

    .grid_limpieza[b-bjysc29ra1] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1vh;
    }

    /*----Textos y colores*/

    .titulo[b-bjysc29ra1] {
        font-size: 2.5rem;
    }

    .text[b-bjysc29ra1] {
        font-size: .6rem;
    }

    .subtitulo[b-bjysc29ra1] {
        font-size: 1.5rem;
    }

    .text_1[b-bjysc29ra1] {
        font-size: .8rem;
    }

    .dia_text[b-bjysc29ra1] {
        font-size: 1.5rem;
    }

    .dia_text_cel[b-bjysc29ra1] {
        display: block;
        margin: 0;
        font-size: .6rem;
        text-align: center;
        color: #605F5F;
    }

    .text-t[b-bjysc29ra1] {
        font-size: .6rem;
    }

    .confirmacion_vista[b-bjysc29ra1] {
        bottom: 110%;
        left: -10%;
    }
}
/* /Pages/Lofts/Loft.razor.rz.scp.css */
.home-section[b-ws2gvim9qd] {
    position: relative;
    background: radial-gradient(circle at 3% 6%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 90% 90%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 80%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 60% 55%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 40%, rgba(56, 165, 188,.5) 6%, rgba(234, 237, 237,0) 6%), radial-gradient(circle at 85% 20%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,1) 10%);
    min-height: 100vh;
    left: 0;
    width: 100%;
    z-index: 2;
    margin-top: 10vh;
    padding: .5vh 1vw;
    min-height: calc(100vh - 75px);
}

p[b-ws2gvim9qd] {
    margin: 0;
}

/*Visor de Imagenes*/
.vi_conten[b-ws2gvim9qd] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1rem;
    grid-template-columns: 6vw 1fr;
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
}

.disapous[b-ws2gvim9qd] {
    display: none;
}

.col_imgs[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.cont_mini[b-ws2gvim9qd] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 28vw;
    margin-top: 4.5vw;
}

.cont_tall[b-ws2gvim9qd] {
    height: 70vh;
}

.img_mini[b-ws2gvim9qd] {
    padding: .5vw;
    height: 6vw;
}

    .img_mini img[b-ws2gvim9qd] {
        max-width: 5vw;
        min-width: auto;
        max-height: 6vh;
    }


.img_base[b-ws2gvim9qd] {
    max-width: 100%;
    min-width: auto;
    max-height: 100%;
    margin: auto;
}

/*Cart Top*/

.card_top[b-ws2gvim9qd] {
    width: 100%;
    margin: 0;
    display: grid;
    gap: 1rem;
    grid-template-columns: 60vw 1fr;
    justify-content: center;
    padding: .2vw;
    margin-bottom: 1vw;
    border-bottom: 1px solid #605f5f;
}

.top_col[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

    .top_col div.row[b-ws2gvim9qd] {
        margin-bottom: 1.5vw
    }

    .f_s[b-ws2gvim9qd] {
        font-size:1vw;
    }

.factura_vista[b-ws2gvim9qd] {
    display: block;
    background-color: #FFF;
    border-radius: 1vw;
    width: 100%;
    margin: auto;
    padding: .5vw;
    transition: all .3s ease-in-out;
}

.factura_oculta[b-ws2gvim9qd] {
    display: none;
}

.open_factura[b-ws2gvim9qd]{
    height: auto;
    opacity: 1;
}

    .close_factura[b-ws2gvim9qd] {
        height: 0;
        opacity: 0;
    }

.grid_factura[b-ws2gvim9qd] {
    display: grid;
    grid-template-columns: 9vw 1fr;
    gap: .5vw;
    padding: .5vw;
}

.col_factura[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

.no_factura[b-ws2gvim9qd] {
    display: none;
}

.si_factura[b-ws2gvim9qd] {
    display: flex;
    width: 1.5vw;
    height: 1.5vw;
    font-size: 1.2vw;
    color: gray;
    padding: .2rem .4rem;
    margin: auto;
}

    .si_factura:hover[b-ws2gvim9qd] {
        background-color: rgb(104, 104, 104, 0.40);
        color: white;
    }

.content_fechas[b-ws2gvim9qd] {
    width: 100%;
    position: relative;
}

.fechas_grid[b-ws2gvim9qd] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .5vw;
}

.col_fechas[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

.text_fecha[b-ws2gvim9qd] {
    font-size: .8vw;
    margin: auto;
    text-align: center;
}

.btn_fechas[b-ws2gvim9qd] {
    width: 100%;
    padding: .5vw;
    margin: auto;
    border: .2vw solid #38A5BC;
    border-radius: .5vw;
    background-color: #FFF;
    color: #38A5BC;
}

.calendario[b-ws2gvim9qd] {
    background-color: #FFF;
    width: 80%;
    padding: .5vw;
    position: absolute;
    top: 120%;
    left: 10%;
    z-index: 100;
    box-shadow: 0.3vw 0.3vw 0.6vw grey;
}

.oculto[b-ws2gvim9qd] {
    display: none;
}

.top_calendar[b-ws2gvim9qd] {
    width: 100%;
    padding: 0;
    margin: 0;
}

.filtros[b-ws2gvim9qd] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.col_filtros[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

.calendar_mes[b-ws2gvim9qd] {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mes_top[b-ws2gvim9qd] {
    width: 100%;
    padding: 0;
    margin: 0;
}

.dias_top[b-ws2gvim9qd] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
}

.day[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

.text_1[b-ws2gvim9qd] {
    text-align: center;
    font-size: .8vw;
    margin: auto;
}

.days_of_month[b-ws2gvim9qd] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
}

.day_celd[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

.day_content[b-ws2gvim9qd] {
    width: 100%;
    text-align: center;
}

.dia_text[b-ws2gvim9qd] {
    font-size: .8vw;
    margin: 0;
}

.color_1[b-ws2gvim9qd], .color_2[b-ws2gvim9qd] {
    color: #ddd;
}

.color_3[b-ws2gvim9qd] {
    background-color: #38A5BC;
    color: #FFF;
    cursor: pointer;
}

.color_4[b-ws2gvim9qd] {
    background-color: #38a5bc66;
    color: #0D171F;
    cursor: pointer;
}

.color_5[b-ws2gvim9qd] {
    cursor: pointer;
}

.noches[b-ws2gvim9qd] {
    display: flex;
    margin: auto;
    width: 100%;
    padding: .3vw;
    text-align: center;
}

.btn_aceptar[b-ws2gvim9qd] {
    background-color: #0D171F;
    border: none;
    border-radius: 1vw;
    font-size: 1vw;
    padding: .5vw;
    color: #FFF;
    margin: auto;
    cursor: pointer;
}

.cont[b-ws2gvim9qd] {
    background-color: rgba(255,255,255, 0.4);
    border: 1px solid;
    border-radius: 20px;
    padding: 1vw;
    display: flex;
    flex-direction: column;
}

.titulo[b-ws2gvim9qd] {
    text-align: center;
}

.tituloo[b-ws2gvim9qd]{
    text-align: center;
    font-size: 3vw;
    margin: auto;
    font-weight: 600;
}

.btn_reserva[b-ws2gvim9qd] {
    display: flex;
    margin: auto;
    text-align: center;
    padding: 2vw;
}

@keyframes loadrotate-b-ws2gvim9qd {
    0% {
        transform: rotate(45deg);
    }

    10% {
        transform: rotate(90deg);
    }

    20% {
        transform: rotate(135deg);
    }

    30% {
        transform: rotate(180deg);
    }

    40% {
        transform: rotate(225deg);
    }

    50% {
        transform: rotate(270deg);
    }

    60% {
        transform: rotate(315deg);
    }

    70% {
        transform: rotate(360deg);
    }

    80% {
        transform: rotate(315deg);
    }

    90% {
        transform: rotate(360deg);
    }
}

.btn_reservar[b-ws2gvim9qd] {
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 2vw;
    color: #FFF;
    padding: .5vw 2vw;
    font-size: 1.5vw;
    margin: auto .5vw;
    min-width: calc(50% - 1vw);
}

    .btn_reservar:hover[b-ws2gvim9qd] {
        background-color: #FFF;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

    .btn_reservar i[b-ws2gvim9qd] {
        animation: loadrotate-b-ws2gvim9qd 5s infinite;
    }
/*Card Descripcion*/
.cart_descripcion[b-ws2gvim9qd] {
    width: 100%;
    margin: 0;
    border-radius: 20px;
    background-color: #FFF;
    padding: 1.5vw;
}

.text_desc[b-ws2gvim9qd] {
    font-size: 1.5vw;
    text-align: center;
}

/*Cart Botton*/
.cart_bottom[b-ws2gvim9qd] {
    width: 100%;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    margin: 1vw 0;
    padding: 0;
}

.col_botton[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

.recorrido_virtual[b-ws2gvim9qd] {
    width: 100%;
    margin: 1vw 0;
    padding: 10px;
    background-color: #FFF;
    border-radius: 20px;
}

.recorrido[b-ws2gvim9qd] {
    width: 100%;
    height: 60vh;
}

.card_botton[b-ws2gvim9qd] {
    width: 100%;
    background-color: #FFF;
    border-radius: 20px;
    margin: auto;
    padding: 1.5vw;
    justify-content: center;
    text-align: center;
}

.row_botton[b-ws2gvim9qd] {
    display: grid;
    gap: 1rem;
    row-gap: 0;
    grid-template-columns: repeat(6, 1fr);
    padding: 0 1rem;
}

.caracteristica[b-ws2gvim9qd] {
    display: grid;
    gap: .5rem;
}

.col_caracteristica[b-ws2gvim9qd] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.botton_col[b-ws2gvim9qd] {
    display: flex;
    flex-direction: column;
}

.car_img[b-ws2gvim9qd] {
    margin: 1vw auto;
}

.animation_i_after i[b-ws2gvim9qd] {
    font-size: 1.5vw;
    margin: 1.5vw auto;
}

.animation_i[b-ws2gvim9qd] {
    padding: .1vw;
    border-radius: 50%;
    transform: scale(.7);
    margin: 0 auto;
    transition: transform 0.2s, opacity 0.2s;
}

.animation_i_after[b-ws2gvim9qd] {
    padding: 0;
    width: 4.5vw;
    height: 4.5vw;
    background-color: rgba(205, 205, 205, 0.2);
    border-radius: 50%;
    transform: scale(1.3);
    color: #38A5BC;
    text-align: center;
}

.animation_i:hover[b-ws2gvim9qd] {
    box-shadow: 0 0 0 10px #38A5BC;
    transform: scale(1);
    opacity: 1;
}

    .animation_i:hover:first-child .animation_i_after[b-ws2gvim9qd] {
        background-color: #38A5BC;
        color: #FFF;
        transform: scale(.9);
    }

.popper[b-ws2gvim9qd] {
    display: none;
}

.car_img:hover ~ .popper[b-ws2gvim9qd] {
    position: absolute;
    display: block;
    background-color: #FFF;
    border: 2px solid rgba(255,255,255, 0.4);
    border-radius: 0 1vw 1vw 1vw;
    box-shadow: .4vw .4vw .6vw #605F5F;
    top: 50%;
    left: 100%;
    z-index: 10;
    width: 15vw;
    max-width: 20vw;
}

.text_pop[b-ws2gvim9qd] {
    font-size: .8vw;
    margin: 0;
}

.botton_text[b-ws2gvim9qd] {
    width: 100%;
    text-align: start;
    margin: auto 0;
    font-size: 1vw;
}

    .botton_text p[b-ws2gvim9qd] {
        margin: 0;
    }

/*clases de Textos*/
.text[b-ws2gvim9qd] {
    font-size: 1.5vw;
    margin: 0;
}

.text_r[b-ws2gvim9qd] {
    text-align: end;
}

.text_rr[b-ws2gvim9qd] {
    margin: auto 0;
    margin-left: auto;
}

.title[b-ws2gvim9qd] {
    font-size: 2vw;
    color: #38A5BC;
    font-weight: 500;
}

.vista_virtual[b-ws2gvim9qd] {
    padding: 10px;
    background-color: #FFF;
    border-radius: 20px;
    margin: auto 0;
    height: 100%;
}

.video[b-ws2gvim9qd] {
    max-width: 100%;
    margin: auto;
}

.subtitulo[b-ws2gvim9qd] {
    margin-top: 1vw;
    margin-left: 1vw;
    margin-bottom: 1vw;
    font-size: 1.8vw;
    color: #38A5BC;
    font-weight: 400;
    text-align: start;
}

.car_text[b-ws2gvim9qd] {
    font-size: 1vw;
}

.precio[b-ws2gvim9qd] {
    text-align: end;
    color: #0D171F;
    font-size: 1.5vw;
    font-weight: 900;
}

._cc[b-ws2gvim9qd]{
    text-align: center;
}

.lateral_bar[b-ws2gvim9qd] {
    margin: 0;
    padding: 0;
}

.fechas_titulo[b-ws2gvim9qd] {
    display: flex;
}

/*Meses*/
.content_mes[b-ws2gvim9qd] {
    display: flex;
    width: 100%;
}

.arrow_mes[b-ws2gvim9qd] {
    margin: auto;
    font-size: .8vw;
    cursor: pointer;
}
/**Alerts**/
@keyframes showalert-b-ws2gvim9qd {
    0% {
        transform: translateX(150%);
    }

    1.33% {
        transform: translateX(-10%);
    }

    2.66% {
        transform: translateX(10%);
    }

    4.6% {
        transform: translateX(0%);
    }

    86.66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.content_alert_na[b-ws2gvim9qd] {
    display: none;
}

.content_alert_2[b-ws2gvim9qd] {
    position: absolute;
    display: flex;
    padding: 0;
    right: 1vw;
    background-color: #AEFFAE;
    border-left: .7vw solid #1ECA1E;
    color: #268626;
    animation: showalert-b-ws2gvim9qd 30s forwards;
    border-radius: .5vw;
}

.icon_alert_2[b-ws2gvim9qd] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
    font-size: 1vw;
}

.alerta_2[b-ws2gvim9qd] {
    margin: 1vw;
    font-size: 1vw;
}

.circulo_alerta_2[b-ws2gvim9qd] {
    width: 1.5vw;
    height: 1.5vw;
    margin: auto 1.5vw;
    background-color: #1ECA1E;
    border-radius: 50%;
}

.content_alert_3[b-ws2gvim9qd] {
    position: absolute;
    display: flex;
    padding: 0;
    right: 10px;
    background-color: #FFD17F;
    border-left: .7vw solid #FF6F00;
    color: #DC9822;
    animation: showalert-b-ws2gvim9qd 30s forwards;
    border-radius: 5px;
}

.icon_alert_3[b-ws2gvim9qd] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
    font-size: 1vw;
}

.alerta_3[b-ws2gvim9qd] {
    margin: 1vw;
    font-size: 1vw;
}

.circulo_alerta_3[b-ws2gvim9qd] {
    width: 1.5vw;
    height: 1.5vw;
    margin: auto 1.5vw;
    background-color: #FF6F00;
    border-radius: 50%;
}

.content_alert[b-ws2gvim9qd] {
    position: absolute;
    display: flex;
    padding: 0;
    right: 10px;
    background-color: #FFAFAF;
    border-left: .7vw solid #E60404;
    color: #AF2222;
    animation: showalert-b-ws2gvim9qd 30s forwards;
    border-radius: 5px;
}

.icon_alert[b-ws2gvim9qd] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
    font-size: 1vw;
}

.alerta[b-ws2gvim9qd] {
    margin: 1vw;
    font-size: 1vw;
}

.circulo_alerta[b-ws2gvim9qd] {
    width: 1.5vw;
    height: 1.5vw;
    margin: auto 1.5vw;
    background-color: #E60404;
    border-radius: 50%;
}

.content_alert_1[b-ws2gvim9qd] {
    position: absolute;
    padding: 0;
    padding-bottom: .5rem;
    right: 10px;
    background-color: #FFAFAF;
    border-left: .7vw solid #E60404;
    color: #AF2222;
    animation: showalert-b-ws2gvim9qd 30s forwards;
    border-radius: 5px;
    text-align: center;
}

.content_ms_alert[b-ws2gvim9qd] {
    padding: 0;
    margin: 0;
    display: flex;
}

.alerta_link[b-ws2gvim9qd] {
    text-align: center;
    font-size: 1vw;
    cursor: pointer;
    margin: auto;
}

.modal_sc[b-ws2gvim9qd] {
    position: fixed;
    top: 10vh;
    left: 0;
    width: 100%;
    height: 90vh;
    background-color: #0d171fc4;
    transition: all .3s ease-in-out;
}

.oculto_modal[b-ws2gvim9qd] {
    transform: scale(0);
}

.content_correo[b-ws2gvim9qd] {
    width: 60%;
    margin: 15vh auto;
    background-color: #FFF;
    border-radius: 2vw;
    padding: 2vw;
}

.icono_modal[b-ws2gvim9qd] {
    color: #8f8f8f;
    font-size: 3vw;
    position: absolute;
    top: 5%;
    right: 2%;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

    .icono_modal:hover[b-ws2gvim9qd] {
        color: #FFF;
    }

.titulo_modal[b-ws2gvim9qd] {
    font-size: 2vw;
    font-weight: 600;
    margin: auto;
    text-align: center;
}

.input-field[b-ws2gvim9qd] {
    width: 100%;
    background-color: #f0f0f0;
    margin: 1vh 0;
    height: 5vw;
    border-radius: 5vw;
    display: grid;
    grid-template-columns: 15% 85%;
    padding: 0 0.4rem;
    position: relative;
}

    .input-field i[b-ws2gvim9qd] {
        text-align: center;
        line-height: 5vw;
        color: #acacac;
        transition: 0.5s;
        font-size: 1.2vw;
    }

    .input-field input[b-ws2gvim9qd] {
        background: none;
        outline: none;
        border: none;
        line-height: 1;
        font-weight: 600;
        font-size: 1.2vw;
        color: #333;
    }

        .input-field input[b-ws2gvim9qd]::placeholder {
            color: #aaa;
            font-weight: 500;
        }

.content_line[b-ws2gvim9qd] {
    display: flex;
    margin: auto;
    margin-top: 2vw;
    padding: 0;
    width: 80%;
}


@media screen and (max-width: 880px) {
    .row_fechas[b-ws2gvim9qd] {
        grid-template-columns: 1fr;
    }

    .cont_tall[b-ws2gvim9qd] {
        height: 50vh;
    }
}

@media screen and (max-width: 600px) {
    .home-section[b-ws2gvim9qd] {
        padding: 2vh 2vh;
    }

    .vi_conten[b-ws2gvim9qd] {
        grid-template-columns: 1fr;
        margin: 0;
        margin-bottom: 1vh;
    }

    .card_top[b-ws2gvim9qd] {
        grid-template-columns: repeat(1, 1fr);
    }

    .cont_tall[b-ws2gvim9qd] {
        height: 50vh;
    }

    .cart_descripcion[b-ws2gvim9qd] {
        border-radius: 10px;
    }

    .card_botton[b-ws2gvim9qd] {
        border-radius: 10px;
    }

    .cont[b-ws2gvim9qd] {
        padding: 2vh 4vh;
    }

    .cart_bottom[b-ws2gvim9qd] {
        grid-template-columns: repeat(1, 1fr);
    }

    .caracteristica[b-ws2gvim9qd] {
        margin: 0 1vh;
    }
    .btn_reserva[b-ws2gvim9qd] {
        flex-direction: column;
        padding: 1rem;
    }

    .btn_reservar[b-ws2gvim9qd] {
        padding: .5vh 2vh;
        border-radius: 2vh;
        font-size: 1.5rem;
        margin: auto .5rem;
        min-width: 100%;
    }

    .text[b-ws2gvim9qd] {
        font-size: 2vh;
        margin: 0;
    }

    .tituloo[b-ws2gvim9qd] {
        font-size: 3vh;
    }

    .title[b-ws2gvim9qd] {
        font-size: 3vh;
    }

    .subtitulo[b-ws2gvim9qd] {
        font-size: 2vh;
    }

    .car_text[b-ws2gvim9qd] {
        font-size: 2vh;
    }

    .text_desc[b-ws2gvim9qd] {
        font-size: 2vh;
    }

    .precio[b-ws2gvim9qd] {
        text-align: center;
        font-size: 2vh;
    }

    .car_img img[b-ws2gvim9qd] {
        width: 3vh;
        height: 3vh;
    }

    .img_mini[b-ws2gvim9qd] {
        display: inline-flex;
    }

        .img_mini img[b-ws2gvim9qd] {
            max-width: 10vh;
            height: fit-content;
        }

    .lateral_bar[b-ws2gvim9qd] {
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;
        width: 90vw;
        height: 6vh;
    }

    .cont_mini[b-ws2gvim9qd] {
        grid-row: 2/2;
        height: auto;
        margin-top: 0;
    }

    .cont_tall[b-ws2gvim9qd] {
        grid-row: 1/2;
    }

    .img_base[b-ws2gvim9qd] {
        width: 90vw;
    }

    .date[b-ws2gvim9qd] {
        font-size: 2vh;
    }

    .content_alert_2[b-ws2gvim9qd] {
        font-size: 2vh;
        border-left: .7vh solid #1ECA1E;
    }

    .icon_alert_2[b-ws2gvim9qd] {
        margin: 2.5vh 0 0 1vh;
        font-size: 3vh;
    }

    .alerta_2[b-ws2gvim9qd] {
        margin: 2vh;
        font-size: 3vh;
    }

    .content_alert_3[b-ws2gvim9qd] {
        font-size: 2vh;
        border-left: .7vh solid #FF6F00;
    }

    .icon_alert_3[b-ws2gvim9qd] {
        margin: 2.5vh 0 0 1vh;
        font-size: 3vh;
    }

    .alerta_3[b-ws2gvim9qd] {
        margin: 2vh;
        font-size: 3vh;
    }

    .content_alert[b-ws2gvim9qd] {
        font-size: 2vh;
        border-left: .7vh solid #E60404;
    }

    .icon_alert[b-ws2gvim9qd] {
        margin: 2.5vh 0 0 1vh;
        font-size: 3vw;
    }

    .alerta[b-ws2gvim9qd] {
        margin: 1vh;
        font-size: .9rem;
    }

    .circulo_alerta[b-ws2gvim9qd] {
        width: 1.5vh;
        height: 1.5vh;
        margin: auto 1.5vh;
    }

    .circulo_alerta_2[b-ws2gvim9qd] {
        width: 1.5vh;
        height: 1.5vh;
        margin: auto 1.5vh;
    }

    .circulo_alerta_3[b-ws2gvim9qd] {
        width: 1.5vh;
        height: 1.5vh;
        margin: auto 1.5vh;
    }


    .car_img[b-ws2gvim9qd] {
        margin: 1vh auto;
    }

    .animation_i_after i[b-ws2gvim9qd] {
        font-size: 1.5vh;
        margin: 1.5vh auto;
    }

    .animation_i[b-ws2gvim9qd] {
        padding: .1vh;
    }

    .animation_i_after[b-ws2gvim9qd] {
        width: 4.5vh;
        height: 4.5vh;
    }

    .animation_i:hover[b-ws2gvim9qd] {
        box-shadow: 0 0 0 5px #38A5BC;
    }

    .text_pop[b-ws2gvim9qd] {
        font-size: .6rem;
    }

    .botton_text[b-ws2gvim9qd] {
        font-size: 1vh;
    }

    .row_botton[b-ws2gvim9qd] {
        display: grid;
        gap: 1rem;
        row-gap: 0;
        grid-template-columns: repeat(4, 1fr);
        padding: 0 1rem;
    }

    .car_img:hover ~ .popper[b-ws2gvim9qd] {
        width: 15vh;
        max-width: 25vh;
        left: -85%;
        top: 100%;
        border-radius: 10px;
    }

    .grid_factura[b-ws2gvim9qd]{
        grid-template-columns: 1fr;
    }

    .f_s[b-ws2gvim9qd] {
        font-size: 1.5vh;
    }

    .col-fecha input[b-ws2gvim9qd] {
        font-size: 1.5vh;
    }

    .vista_virtual[b-ws2gvim9qd] {
        height: auto;
    }

    .dia_text[b-ws2gvim9qd] {
        font-size: .8rem;
    }

    .text_1[b-ws2gvim9qd] {
        font-size: .8rem;
    }

    .text_fecha[b-ws2gvim9qd] {
        font-size: .8rem;
    }

    .btn_aceptar[b-ws2gvim9qd] {
        border-radius: 20px;
        font-size: .8rem;
        padding: .5rem;
    }

    .modal_sc[b-ws2gvim9qd] {
        top: 6vh;
        height: 94vh;
    }

    .content_correo[b-ws2gvim9qd] {
        margin: 20vh auto;
        border-radius: 10px;
        padding: 2rem;
    }

    .icono_modal[b-ws2gvim9qd] {
        font-size: 2.5rem;
        top: 6%;
        right: 4%;
    }

    .titulo_modal[b-ws2gvim9qd] {
        font-size: 1.5rem;
    }

    .content_line[b-ws2gvim9qd] {
        width: 100%;
    }

    .input-field[b-ws2gvim9qd] {
        grid-template-columns: 15% 85%;
        max-width: 100%;
        height: 10vh;
        border-radius: 5vh;
    }

        .input-field i[b-ws2gvim9qd] {
            line-height: 10vh;
            font-size: 1rem;
        }

        .input-field input[b-ws2gvim9qd] {
            font-size: 1rem;
            color: #333;
        }

    .text_rr[b-ws2gvim9qd] {
        margin: auto 0;
        margin-left: auto;
    }

    .content_ms_alert[b-ws2gvim9qd] {
        flex-direction: column;
    }

    .alerta_link[b-ws2gvim9qd] {
        font-size: 1rem;
    }
}

.content_nota[b-ws2gvim9qd] {
    width: 100%;
    background-color: #f8f899;
    font-size: 1rem !important;
    border-radius: .5rem;
    padding: .5rem;
    transition: all 1s ease-in-out;
}

.title_nota[b-ws2gvim9qd] {
    font-size: 1rem;
    font-weight: 600;
}

.text_nota[b-ws2gvim9qd] {
    font-size: .8rem;
    margin: 0;
    text-align: justify;
}

.content_nota ._cc[b-ws2gvim9qd]{
    font-size: .8rem;
}

.content_scroll[b-ws2gvim9qd] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    max-height: 10rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.content_scroll .container[b-ws2gvim9qd]{
    padding: .2rem;
}

    .day_nota[b-ws2gvim9qd], .content_scroll .text[b-ws2gvim9qd] {
        font-size: .8rem;
    }
.day_nota[b-ws2gvim9qd] {
    font-weight: 600;
}

.content_precios_especiales_modal[b-ws2gvim9qd] {
    width: 100%;
    padding: 1rem;
    display: none;
    flex-direction: column;
    animation: apareser-b-ws2gvim9qd .5s forwards;
}

@keyframes apareser-b-ws2gvim9qd {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    80% {
        opacity: 1;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.view_modal[b-ws2gvim9qd] {
    display: flex;
}
._link[b-ws2gvim9qd] {
    cursor: pointer;
    font-weight: 700;
}

._link:hover[b-ws2gvim9qd] {
    color: #165ff5;
}

._link:active[b-ws2gvim9qd] {
    color: #5100ff;
}

.nota_text[b-ws2gvim9qd] {
    font-size: .8rem;
    width: 100%;
    text-align: justify;
    margin-top: .5rem;
}
/* /Pages/Login/Login.razor.rz.scp.css */
*[b-uq3ocwczpj] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-uq3ocwczpj],
input[b-uq3ocwczpj] {
    font-family: "Poppins", sans-serif;
}

.container[b-uq3ocwczpj] {
    top: 10vh;
    position: relative;
    width: 100%;
    background-color: #fff;
    min-height: calc(100vh - 10vh);
    overflow: hidden;
    min-width: 100%;
}

.forms-container[b-uq3ocwczpj] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.signin-signup[b-uq3ocwczpj] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 75%;
    width: 50%;
    transition: 1s 0.7s ease-in-out;
    display: grid;
    grid-template-columns: 1fr;
    z-index: 5;
}

.form[b-uq3ocwczpj] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0rem 5vw;
    transition: all 0.2s 0.7s;
    overflow: hidden;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

    .form.sign-up-form[b-uq3ocwczpj] {
        opacity: 0;
        z-index: 1;
    }

    .form.sign-in-form[b-uq3ocwczpj] {
        z-index: 2;
    }

.title[b-uq3ocwczpj] {
    font-size: 2.2vw;
    color: #444;
    margin: 1vw;
}

.input-field[b-uq3ocwczpj] {
    max-width: 38vw;
    width: 100%;
    background-color: #f0f0f0;
    margin: 1vh 0;
    height: 5vw;
    border-radius: 5vw;
    display: grid;
    grid-template-columns: 15% 85%;
    padding: 0 0.4rem;
    position: relative;
}

    .input-field i[b-uq3ocwczpj] {
        text-align: center;
        line-height: 5vw;
        color: #acacac;
        transition: 0.5s;
        font-size: 1.2vw;
    }

    .input-field input[b-uq3ocwczpj] {
        background: none;
        outline: none;
        border: none;
        line-height: 1;
        font-weight: 600;
        font-size: 1.2vw;
        color: #333;
    }

        .input-field input[b-uq3ocwczpj]::placeholder {
            color: #aaa;
            font-weight: 500;
        }

.content_line[b-uq3ocwczpj] {
    display: flex;
    margin: 0;
    padding: 0;
    width: 80%;
}

.info[b-uq3ocwczpj] {
    position: relative;
    margin: auto 1vw;
}

    .info i[b-uq3ocwczpj] {
        font-size: 1.2vw;
        transition: all .3s ease;
        color: #9a9797;
    }

    .info:hover i[b-uq3ocwczpj] {
        transform: scale(1.3);
        color: #444;
    }

.poper[b-uq3ocwczpj] {
    display: none;
}

.info:hover .poper[b-uq3ocwczpj] {
    background-color: #FFF;
    position: absolute;
    display: flex;
    bottom: 120%;
    left: 0%;
    border-radius: 1vw 1vw 1vw 0;
    border: 2px solid #38A5BC;
    width: 9vw;
    max-width: 10vw;
    padding: .3vw;
    animation: .3s popup-b-uq3ocwczpj ease;
    z-index: 300;
}

.text_poper[b-uq3ocwczpj] {
    margin: 0;
    font-size: .8vw;
    color: #444;
}

.checkking[b-uq3ocwczpj] {
    text-align: center;
    margin: 1vh auto;
    font-size: 1vw;
}

.termino_a[b-uq3ocwczpj] {
    color: black;
}

@keyframes popup-b-uq3ocwczpj {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    50% {
        transform: translateY(25%);
        opacity: .8;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.btn[b-uq3ocwczpj] {
    width: 15vw;
    background-color: #38A5BC;
    border: none;
    outline: none;
    height: 5vw;
    border-radius: 4vw;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 1vh 0;
    cursor: pointer;
    transition: 0.5s;
    font-size: 1.5vw;
}

    .btn:hover[b-uq3ocwczpj] {
        background-color: #4d84e2;
    }

@keyframes loadrotate-b-uq3ocwczpj {
    0% {
        transform: rotate(45deg);
    }

    10% {
        transform: rotate(90deg);
    }

    20% {
        transform: rotate(135deg);
    }

    30% {
        transform: rotate(180deg);
    }

    40% {
        transform: rotate(225deg);
    }

    50% {
        transform: rotate(270deg);
    }

    60% {
        transform: rotate(315deg);
    }

    70% {
        transform: rotate(360deg);
    }

    80% {
        transform: rotate(315deg);
    }

    90% {
        transform: rotate(360deg);
    }
}

.btn i[b-uq3ocwczpj] {
    animation: loadrotate-b-uq3ocwczpj 5s infinite;
}

.panels-container[b-uq3ocwczpj] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.container[b-uq3ocwczpj]:before {
    content: "";
    position: absolute;
    height: 200vw;
    width: 200vw;
    top: -10%;
    right: 48%;
    transform: translateY(-50%);
    background-image: linear-gradient(-45deg, #38A5BC 0%, #38A5BC 100%);
    transition: 1.8s ease-in-out;
    border-radius: 50%;
    z-index: 6;
}

.image[b-uq3ocwczpj] {
    width: 100%;
    transition: transform 1.1s ease-in-out;
    transition-delay: 0.4s;
}

.panel[b-uq3ocwczpj] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-around;
    text-align: center;
    z-index: 6;
}

.left-panel[b-uq3ocwczpj] {
    pointer-events: all;
    padding: 3rem 17% 2rem 12%;
}

.right-panel[b-uq3ocwczpj] {
    pointer-events: none;
    padding: 3rem 12% 2rem 17%;
}

.panel .content[b-uq3ocwczpj] {
    color: #fff;
    transition: transform 0.9s ease-in-out;
    transition-delay: 0.6s;
}

.panel h3[b-uq3ocwczpj] {
    font-weight: 600;
    line-height: 1;
    font-size: 1.5vw;
}

.panel p[b-uq3ocwczpj] {
    font-size: 0.95vw;
    padding: 0.7vh 0;
}

.btn.transparent[b-uq3ocwczpj] {
    margin: 0;
    background: none;
    border: 2px solid #fff;
    width: 13vw;
    height: 4vw;
    font-weight: 600;
    font-size: 1.2vw;
}

.right-panel .image[b-uq3ocwczpj],
.right-panel .content[b-uq3ocwczpj] {
    transform: translateX(80vw);
}

/* ANIMATION */

.container.sign-up-mode[b-uq3ocwczpj]:before {
    transform: translate(100%, -50%);
    right: 52%;
}

.container.sign-up-mode .left-panel .image[b-uq3ocwczpj],
.container.sign-up-mode .left-panel .content[b-uq3ocwczpj] {
    transform: translateX(-80vw);
}

.container.sign-up-mode .signin-signup[b-uq3ocwczpj] {
    left: 25%;
}

.container.sign-up-mode .form.sign-up-form[b-uq3ocwczpj] {
    opacity: 1;
    z-index: 2;
}

.container.sign-up-mode .form.sign-in-form[b-uq3ocwczpj] {
    opacity: 0;
    z-index: 1;
}

.container.sign-up-mode .right-panel .image[b-uq3ocwczpj],
.container.sign-up-mode .right-panel .content[b-uq3ocwczpj] {
    transform: translateX(0%);
}

.container.sign-up-mode .left-panel[b-uq3ocwczpj] {
    pointer-events: none;
}

.container.sign-up-mode .right-panel[b-uq3ocwczpj] {
    pointer-events: all;
}

.actionPassword[b-uq3ocwczpj] {
    font-size: 1vw;
    color: #0D171F;
}

    .actionPassword:hover[b-uq3ocwczpj] {
        color: #38A5BC;
    }

@media (max-width: 870px) {
    .container[b-uq3ocwczpj] {
        min-height: 800px;
        height: 100vh;
    }

    .signin-signup[b-uq3ocwczpj] {
        width: 100%;
        top: 95%;
        transform: translate(-50%, -100%);
        transition: 1s 0.8s ease-in-out;
    }

    .signin-signup[b-uq3ocwczpj],
    .container.sign-up-mode .signin-signup[b-uq3ocwczpj] {
        left: 50%;
    }

    .panels-container[b-uq3ocwczpj] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 2fr 1fr;
    }

    .panel[b-uq3ocwczpj] {
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        padding: 2.5rem 8%;
        grid-column: 1 / 2;
    }

    .right-panel[b-uq3ocwczpj] {
        grid-row: 3 / 4;
    }

    .left-panel[b-uq3ocwczpj] {
        grid-row: 1 / 2;
    }

    .image[b-uq3ocwczpj] {
        width: 200px;
        transition: transform 0.9s ease-in-out;
        transition-delay: 0.6s;
    }

    .panel .content[b-uq3ocwczpj] {
        padding-right: 15%;
        transition: transform 0.9s ease-in-out;
        transition-delay: 0.8s;
    }

    .content_line[b-uq3ocwczpj] {
        width: 100%;
    }

    .title[b-uq3ocwczpj] {
        font-size: 2.2rem;
        margin: 1rem;
    }

    .panel h3[b-uq3ocwczpj] {
        font-size: 1.2rem;
    }

    .panel p[b-uq3ocwczpj] {
        font-size: 0.7rem;
        padding: 0.5rem 0;
    }

    .text_poper[b-uq3ocwczpj] {
        font-size: 1rem;
    }

    .checkking[b-uq3ocwczpj] {
        font-size: .7rem;
    }

    .btn.transparent[b-uq3ocwczpj] {
        width: 110px;
        height: 35px;
        font-size: 0.7rem;
    }

    .container[b-uq3ocwczpj]:before {
        width: 1500px;
        height: 1500px;
        transform: translateX(-50%);
        left: 30%;
        bottom: 68%;
        right: initial;
        top: initial;
        transition: 2s ease-in-out;
    }

    .container.sign-up-mode[b-uq3ocwczpj]:before {
        transform: translate(-50%, 100%);
        bottom: 32%;
        right: initial;
    }

    .container.sign-up-mode .left-panel .image[b-uq3ocwczpj],
    .container.sign-up-mode .left-panel .content[b-uq3ocwczpj] {
        transform: translateY(-300px);
    }

    .container.sign-up-mode .right-panel .image[b-uq3ocwczpj],
    .container.sign-up-mode .right-panel .content[b-uq3ocwczpj] {
        transform: translateY(0px);
    }

    .right-panel .image[b-uq3ocwczpj],
    .right-panel .content[b-uq3ocwczpj] {
        transform: translateY(300px);
    }

    .container.sign-up-mode .signin-signup[b-uq3ocwczpj] {
        top: 5%;
        transform: translate(-50%, 0);
    }
}

@media (max-width: 570px) {
    .form[b-uq3ocwczpj] {
        padding: 0 1.5rem;
    }

    .image[b-uq3ocwczpj] {
        display: none;
    }

    .panel .content[b-uq3ocwczpj] {
        padding: 0.5rem 1rem;
    }

    .container[b-uq3ocwczpj] {
        padding: 1.5rem;
    }

        .container[b-uq3ocwczpj]:before {
            bottom: 72%;
            left: 50%;
        }

        .container.sign-up-mode[b-uq3ocwczpj]:before {
            bottom: 28%;
            left: 50%;
        }

    .input-field[b-uq3ocwczpj] {
        grid-template-columns: 15% 85%;
        max-width: 100%;
        height: 10vh;
        border-radius: 5vh;
    }

        .input-field i[b-uq3ocwczpj] {
            line-height: 10vh;
            font-size: 1rem;
        }

        .input-field input[b-uq3ocwczpj] {
            font-size: 1rem;
            color: #333;
        }

    .info:hover .poper[b-uq3ocwczpj] {
        border: 2px solid #38A5BC;
        bottom: 120%;
        left: -800%;
        border-radius: 1rem;
        width: 9rem;
        max-width: 10rem;
        padding: 5px;
    }

    .info i[b-uq3ocwczpj] {
        font-size: 1rem;
    }

    .info_t i[b-uq3ocwczpj] {
        font-size: .8rem;
    }

    .info_t:hover .poper_t[b-uq3ocwczpj] {
        border-radius: 1rem;
        border: 2px solid #38A5BC;
        width: 9rem;
        max-width: 10rem;
        padding: .5vh;
        bottom: -400%;
        left: -500%;
    }

    .text_poper[b-uq3ocwczpj] {
        font-size: .8rem;
    }

    .btn[b-uq3ocwczpj] {
        width: 10rem;
        background-color: #38A5BC;
        border: none;
        outline: none;
        height: 6vh;
        border-radius: 4vh;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin: 1vh 0;
        cursor: pointer;
        transition: 0.5s;
        font-size: 1rem;
    }

    .actionPassword[b-uq3ocwczpj] {
        font-size: 1rem;
    }

    .labelError[b-uq3ocwczpj] {
        font-size: 1rem;
    }
}

.labelError[b-uq3ocwczpj] {
    text-align: center;
    color: red;
    font-size: 1.5vw;
}
/* /Pages/Main/Componentes/Contacto.razor.rz.scp.css */
.futter_content[b-i9u5ydr2v7] {
    background-color: #686868;
    width: 100%;
    padding: 5vw;
}

.grid[b-i9u5ydr2v7] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3vw;
    margin: auto;
}

.col_grid[b-i9u5ydr2v7] {
    display: flex;
    flex-direction: column;
    text-align: start;
}

.title[b-i9u5ydr2v7] {
    color: #FFF;
    font-size: 2vw;
    margin: 0;
    text-decoration: none;
}

.text[b-i9u5ydr2v7] {
    font-size: 1.5vw;
    color: #949494;
    margin: 0;
    text-decoration: none;
}

.img_logo[b-i9u5ydr2v7] {
    width: 60%;
    margin: auto;
}

@media screen and (max-width: 780px) {
    .futter_content[b-i9u5ydr2v7] {
        padding: 2vh;
    }

    .grid[b-i9u5ydr2v7] {
        grid-template-columns: repeat(1, 1fr);
        gap: 1vh;
        width: 80%;
    }

    .col_grid[b-i9u5ydr2v7] {
        text-align: center;
    }

    .title[b-i9u5ydr2v7] {
        font-size: 2vh;
    }

    .text[b-i9u5ydr2v7] {
        font-size: 1.5vh;
    }
}
/* /Pages/Main/Componentes/FormContact.razor.rz.scp.css */
.section[b-rmq26w0ro6] {
    padding: 1px 0 2rem;
    background-image: url("./img/Indeximg/Habitaciones-en-pachuca-04.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.section-title[b-rmq26w0ro6], .section-subtitle[b-rmq26w0ro6] {
    text-align: center;
}
/*----------*/
.section-title[b-rmq26w0ro6] {
    font-size: 4vw;
    color: #FFF;
    margin: 0;
}
/*----------*/
.section-subtitle[b-rmq26w0ro6] {
    display: block;
    color: #FFF;
    font-size: 2.5vw;
    margin-bottom: .5rem;
}
/*----------*/
.button[b-rmq26w0ro6] {
    background-color: #0D171F;
    color: #FFF;
    padding: .5vw 4vw;
    border: 1px solid #0D171F;
    border-radius: 30px;
    font-size: 1.5vw;
    transition: .3s;
}

    .button:hover[b-rmq26w0ro6] {
        border: 1px solid #1A232B;
        background-color: #1A232B;
    }
/*----------*/
.bd-container[b-rmq26w0ro6] {
    margin-left: 0;
}
/*----------*/
.bd-grid[b-rmq26w0ro6] {
    display: grid;
    gap: 1.5rem;
}

.contacto__container[b-rmq26w0ro6] {
    row-gap: 1rem;
    grid-template-columns: 30vw 1fr;
}

.contacto__content[b-rmq26w0ro6] {
    text-align: center;
}

.background_titulo[b-rmq26w0ro6] {
    display: flex;
    border-radius: 0 30px 30px 0;
    background-color: rgba(56, 165, 188, 0.8);
    text-align: center;
    margin-top: 3vw;
    justify-content: center;
}

.background_form[b-rmq26w0ro6] {
    text-align: center;
    border-radius: 0 0 30px 30px;
    background-color: rgba(56, 165, 188, 0.8);
    margin-right: 12vw;
    margin-left: 7vw;
    padding: 2vw 0;
}

.form_content[b-rmq26w0ro6] {
    width: 40vw;
    margin: 2vw auto;
}

.inputs[b-rmq26w0ro6] {
    border: 2px solid;
    border-radius: 30px;
    color: #38A5BC;
    width: 100%;
    font-size: 1.5vw;
    text-align: center;
}

.alerta[b-rmq26w0ro6] {
    color: #FFF;
    font-size: 1vw;
    margin: 0;
    padding: 0;
}

.pie_pagina[b-rmq26w0ro6] {
    display: grid;
    row-gap: 2.5rem;
    grid-template-columns: 30vw 1fr;
    justify-content: center;
}

.content_pie[b-rmq26w0ro6] {
    display: flex;
    flex-direction: column;
}

.logo_pie[b-rmq26w0ro6] {
    padding-right: 25vw;
}

.image_pie[b-rmq26w0ro6] {
    width: 15vw;
    margin: auto;
    margin-top: 10vw;
}

.social_medias[b-rmq26w0ro6] {
    display: block;
    margin: auto;
    margin-top: 10vw;
}

.conten_social_medial[b-rmq26w0ro6] {
    display: inline-block;
    margin: 1vw;
}

    .conten_social_medial img[b-rmq26w0ro6] {
        width: 6vw;
        height: 6vw;
        margin: .6vw;
        background-color: rgba(56, 165, 188, 1);
        text-align: center;
        color: #FFF;
        padding: 1.5vw;
        border-radius: 50%;
    }

.info_t[b-rmq26w0ro6] {
    position: relative;
    margin: auto 1rem;
}

    .info_t i[b-rmq26w0ro6] {
        font-size: 1.1rem;
        transition: all .3s ease;
        color: #9a9797;
    }

    .info_t:hover i[b-rmq26w0ro6] {
        transform: scale(1.3);
        color: #444;
    }

.poper_t[b-rmq26w0ro6] {
    display: none;
}

.info_t:hover .poper_t[b-rmq26w0ro6] {
    background-color: #FFF;
    position: absolute;
    display: flex;
    bottom: -110%;
    left: 150%;
    border-radius: 10px;
    border: 2px solid #38A5BC;
    width: 9rem;
    max-width: 10rem;
    padding: .5vw;
    animation: .3s popup-b-rmq26w0ro6 ease;
    z-index: 100;
}

.text_poper[b-rmq26w0ro6] {
    margin: 0;
    font-size: .8rem;
    color: #444;
}

@keyframes popup-b-rmq26w0ro6 {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    50% {
        transform: translateY(25%);
        opacity: .8;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

@media screen and (min-width: 960px) {
    .bd-container[b-rmq26w0ro6] {
        margin-left: auto;
        margin-right: auto;
    }
}


@media screen and (max-width: 500px) {
    .contacto__container[b-rmq26w0ro6] {
        grid-template-columns: 1fr;
    }

    .background_titulo[b-rmq26w0ro6] {
        border-radius: 30px;
        margin: 3vh;
        justify-content: center;
    }

    .background_form[b-rmq26w0ro6] {
        border-radius: 30px;
        margin-right: 5vh;
        margin-left: 5vh;
    }

    .form_content[b-rmq26w0ro6] {
        width: 35vh;
        margin: 1vw auto;
    }

    .alerta[b-rmq26w0ro6] {
        font-size: 1vh;
    }

    .button[b-rmq26w0ro6] {
        padding: .5vh 4vh;
        font-size: 1.5vh;
    }

    .logo_pie[b-rmq26w0ro6] {
        padding-right: 0;
    }

    .image_pie[b-rmq26w0ro6] {
        width: 15vh;
        margin: auto;
        margin-top: 2vh;
    }

    .social_medias[b-rmq26w0ro6] {
        display: block;
        margin: auto;
        margin-top: 10vh;
    }

    .conten_social_medial[b-rmq26w0ro6] {
        display: inline-block;
        margin: 1vh;
    }

        .conten_social_medial img[b-rmq26w0ro6] {
            width: 6vh;
            height: 6vh;
            margin: .6vh;
            padding: 1.5vh;
        }

    .pie_pagina[b-rmq26w0ro6] {
        row-gap: 1rem;
        grid-template-columns: 1fr;
    }

    .inputs[b-rmq26w0ro6] {
        font-size: 1.5vh;
    }

    .alerta[b-rmq26w0ro6] {
        font-size: 1vh;
    }

    .section-title[b-rmq26w0ro6] {
        font-size: 4vh;
    }
    /*----------*/
    .section-subtitle[b-rmq26w0ro6] {
        font-size: 2.5vh;
    }

    .info_t:hover .poper_t[b-rmq26w0ro6] {
        bottom: -400%;
        left: -500%;
    }
}
/* /Pages/Main/Componentes/Galery.razor.rz.scp.css */
.galery[b-t292jbwetg] {
    margin: 0;
    width: 100%;
    min-width: 100%;
    background-color: #EAEDED;
}

.content_galery[b-t292jbwetg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17vw, 1fr));
    grid-auto-rows: minmax(20vh, 30vh);
    gap: 2vw;
    grid-auto-flow: dense;
    padding: 10px;
}

.galery_item[b-t292jbwetg] {
    display: flex;
    text-align: center;
    justify-content: center;
    border-radius: 10px;
    filter: grayscale(50%);
}

    .galery_item:hover[b-t292jbwetg] {
        filter: grayscale(0%);
        transform: scale(1.05);
        cursor: pointer;
    }

    .galery_item img[b-t292jbwetg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.modal-img[b-t292jbwetg] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: all .5s ease-in;
}

.show_modal[b-t292jbwetg] {
    top: 0;
}

.img_modal[b-t292jbwetg] {
    max-height: 90%;
    max-width: 90%;
    display: block;
    object-fit: cover;
    transform: scale(0);
    transition: all .3s .7s;
    border: 15px solid #FFF;
}

.show_img_modal[b-t292jbwetg] {
    transform: scale(1);
}

.close[b-t292jbwetg] {
    color: #FFF;
    position: absolute;
    top: 1vw;
    right: 1vw;
    font-size: 4vw;
    cursor: pointer;
}

.last_g[b-t292jbwetg] {
    margin: auto 2vw;
    font-size: 4vw;
    cursor: pointer;
}

.next_g[b-t292jbwetg] {
    margin: auto 2vw;
    font-size: 4vw;
    cursor: pointer;
}

@media screen and (min-width: 500px) {
    .tall[b-t292jbwetg] {
        grid-row: span 2;
    }

    .wide[b-t292jbwetg] {
        grid-column: span 2;
    }
}

@media screen and (max-width: 500px) {
    .img_modal[b-t292jbwetg] {
        max-height: 80%;
        max-width: 80%;
    }

    .close[b-t292jbwetg] {
        top: 1vh;
        right: 1vh;
        font-size: 4vh;
    }

    .last_g[b-t292jbwetg] {
        margin: auto 2vh;
        font-size: 4vh;
    }

    .next_g[b-t292jbwetg] {
        margin: auto 2vh;
        font-size: 4vh;
    }

    .content_galery[b-t292jbwetg] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-auto-rows: minmax(20vh, 30vh);
    }
}
/* /Pages/Main/Componentes/Map.razor.rz.scp.css */
.content_map[b-7zjsvpwmt5] {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
}

.map[b-7zjsvpwmt5] {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
}

.map_width[b-7zjsvpwmt5] {
    width: 100%;
    height: 100vh;
}
/* /Pages/Main/Componentes/Menu.razor.rz.scp.css */
img[b-ffirlm0fmz] {
    max-width: 100%;
    height: auto;
}

.section[b-ffirlm0fmz] {
    background: radial-gradient(circle at 0% 0%, rgba(207,207,207,1) 30%, rgba(241,241,241,0) 30%), radial-gradient(circle at 100% 100%, rgba(207,207,207,1) 30%, rgba(241,241,241,0) 30%);
    margin-top: 0;
    padding: 4vh 0 2vh;
}

.section-title[b-ffirlm0fmz], .section-subtitle[b-ffirlm0fmz] {
    text-align: center;
}

.section-title[b-ffirlm0fmz] {
    font-size: 2.5vw;
    color: #38A5BC;
    margin-top: 2.5vh;
    margin-bottom: 1.5vh;
}

.section-subtitle[b-ffirlm0fmz] {
    display: block;
    color: #38A5BC;
    font-weight: 500;
    margin-bottom: .5vh;
}

.button[b-ffirlm0fmz] {
    display: inline-block;
    background-color: #38A5BC;
    color: #FFF;
    padding: .75vh 1vh;
    border-radius: 2.5vh;
    transition: .3s;
    margin: 0;
}

    .button:hover[b-ffirlm0fmz] {
        background-color: #4481eb;
    }

.bd-container[b-ffirlm0fmz] {
    max-width: 100%;
    width: 100%;
}

.bd-grid[b-ffirlm0fmz] {
    display: grid;
    gap: 2vh;
}

.menu__container[b-ffirlm0fmz] {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    padding: 0;
}

.img_col[b-ffirlm0fmz] {
    margin: 0 auto;
}

.text_col[b-ffirlm0fmz] {
    margin: auto;
    margin-top: 20px;
}

.menu__content[b-ffirlm0fmz] {
    position: relative;
    background-color: rgba(170,170,170,.3);
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: .5rem;
    box-shadow: 0px 0px 24px rgba(20,20,20,.3);
    padding: 5px;
    cursor: pointer;
}

.menu__img[b-ffirlm0fmz] {
    width: 50px;
    height: 50px;
    align-self: center;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.menu__name[b-ffirlm0fmz] {
    font-weight: 100;
    color: #38A5BC;
}

.menu__name[b-ffirlm0fmz] {
    font-size: 1.8vw;
    margin-bottom: .7vh;
}


.menu__detail[b-ffirlm0fmz] {
    font-size: 1.2vw;
}

.menu__bed[b-ffirlm0fmz] {
    height: 1.5vw;
}

.menu__text[b-ffirlm0fmz] {
    font-size: 1vw;
    margin-bottom: 3.5vh;
}

.menu__button[b-ffirlm0fmz] {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    padding: .625vh .813vh;
    border-radius: .5rem 0 .5rem 0;
    font-size: 1.5vw;
}

@media screen and (min-width: 768px) {

    .section[b-ffirlm0fmz] {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }

    .bd-container[b-ffirlm0fmz] {
        margin-left: auto;
        margin-right: auto;
        padding: 2vw;
    }

    .bd-grid[b-ffirlm0fmz] {
        gap: 1vw;
    }

    .menu__container[b-ffirlm0fmz] {
        margin-top: 3vw;
    }

    .menu__container[b-ffirlm0fmz] {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 4vw;
    }

    .menu__content[b-ffirlm0fmz] {
        padding: 1.5vw;
    }

    .menu__img[b-ffirlm0fmz] {
        width: 20vw;
        height: 20vw;
    }
}

@media screen and (min-width: 960px) {
    .bd-container[b-ffirlm0fmz] {
        margin-left: auto;
        margin-right: auto;
        gap: 8.5vw;
    }
}

@media screen and (max-width: 760px) {
    .bd-container[b-ffirlm0fmz] {
        margin-left: auto;
        margin-right: auto;
        padding: 2rem;
    }

    .menu__name[b-ffirlm0fmz] {
        font-size: 1.2rem;
    }

    .menu__img[b-ffirlm0fmz] {
        width: 180px;
        height: 180px;
    }

    .menu__text[b-ffirlm0fmz] {
        font-size: .8rem;
    }

    .menu__bed[b-ffirlm0fmz] {
        height: 1rem;
    }

    .menu__container[b-ffirlm0fmz] {
        grid-template-columns: repeat(1, 1fr);
    }

    .menu__content[b-ffirlm0fmz] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1fr);
        column-gap: 2rem;
    }

    .bd-grid[b-ffirlm0fmz] {
        gap: 1rem;
    }

    .menu__detail[b-ffirlm0fmz] {
        font-size: 1rem;
    }

    .menu__button[b-ffirlm0fmz] {
        font-size: 2.5vh;
    }

    .section-title[b-ffirlm0fmz] {
        font-size: 3.5vh;
    }
}



@media screen and (max-width: 500px) {
    .menu__text[b-ffirlm0fmz] {
        margin-bottom: 4.5rem;
    }

    .menu__img[b-ffirlm0fmz] {
        width: 150px;
        height: 150px;
        margin-top: 10vw;
    }

    .menu__content[b-ffirlm0fmz] {
        column-gap: 0;
    }
}

@media screen and (max-width: 290px) {

    .menu__img[b-ffirlm0fmz] {
        width: 90px;
        height: 90px;
        margin-top: 8vh;
    }
}
/* /Pages/Main/Componentes/Servicios.razor.rz.scp.css */
.section[b-7z0ds8omif] {
    padding: 4rem 0 2rem;
    background: linear-gradient(180deg, rgba(96,95,95,1) 0%, rgba(119,119,119,1) 35%);
    width: 100%;
}

.section-title[b-7z0ds8omif], .section-subtitle[b-7z0ds8omif] {
    text-align: center;
}

.section-title[b-7z0ds8omif] {
    font-size: 2.5rem;
    color: #393939;
    margin-bottom: 1.5rem;
}

.section-subtitle[b-7z0ds8omif] {
    display: block;
    color: #FFF;
    font-size: 2.2vw;
    margin-bottom: .5rem;
}

.button[b-7z0ds8omif] {
    display: inline-block;
    background-color: #04befe;
    color: #FFF;
    padding: .75rem 1rem;
    border-radius: .5rem;
    transition: .3s;
}

    .button:hover[b-7z0ds8omif] {
        background-color: #4481eb;
    }

.bd-container[b-7z0ds8omif] {
    margin-left: 0;
    padding: 4rem 4rem;
}

.bd-grid[b-7z0ds8omif] {
    display: grid;
    gap: 1.5rem;
}

.services__container[b-7z0ds8omif] {
    row-gap: 2.5rem;
    grid-template-columns: repeat(auto-fill, minmax(20vw, 1fr));
}

.services__content[b-7z0ds8omif] {
    text-align: center;
}

.services__img[b-7z0ds8omif] {
    margin-bottom: 3vh;
}

.services__title[b-7z0ds8omif] {
    font-size: 1.5vw;
    font-family: Bahnschrift;
    font-stretch: condensed;
    font-weight: lighter;
    color: #fff;
    margin-bottom: .5rem;
}

.services__description[b-7z0ds8omif] {
    padding: 0 1.5rem;
}

.tall_u[b-7z0ds8omif] {
    width: 9vw;
    height: 25vh;
}

.tall_d[b-7z0ds8omif] {
    width: 13vw;
    height: 25vh;
}

@media screen and (min-width: 768px) {
    .section[b-7z0ds8omif] {
        padding-top: 4rem;
    }

    .services__container[b-7z0ds8omif] {
        margin-top: 3rem;
    }
}

@media screen and (min-width: 960px) {
    .bd-container[b-7z0ds8omif] {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 500px) {
    .services__container[b-7z0ds8omif] {
        grid-template-columns: repeat(1, minmax(220px, 1fr));
    }

    .tall_u[b-7z0ds8omif] {
        width: 12vh;
        height: 25vw;
    }

    .tall_d[b-7z0ds8omif] {
        width: 17vh;
        height: 30vw;
    }

    .services__title[b-7z0ds8omif] {
        font-size: 2.5vh;
    }

    .section-subtitle[b-7z0ds8omif] {
        font-size: 3.5vh;
        margin-bottom: .5vh;
    }
}

@media screen and (max-width: 280px) {
    .section[b-7z0ds8omif] {
        padding: 4vh 0 2vh;
    }

    .section-title[b-7z0ds8omif] {
        font-size: 2vh;
        margin-bottom: 1.5vh;
    }

    .section-subtitle[b-7z0ds8omif] {
        font-size: 3.5vh;
        margin-bottom: .5vh;
    }

    .bd-container[b-7z0ds8omif] {
        margin-left: 0;
        padding: 4vw 4vw;
    }

    .bd-grid[b-7z0ds8omif] {
        gap: 1.5vh;
    }

    .services__container[b-7z0ds8omif] {
        row-gap: 2.5vh;
        grid-template-columns: repeat(1, minmax(200px, 1fr));
    }

    .services__img[b-7z0ds8omif] {
        margin-bottom: 1rem;
    }

    .services__title[b-7z0ds8omif] {
        font-size: 3vh;
        margin-bottom: .5rem;
    }

    .services__description[b-7z0ds8omif] {
        padding: 0 1.5vw;
    }
}
/* /Pages/Main/Componentes/Slider.razor.rz.scp.css */
.slider[b-4ho6u21swp] {
    padding: 0;
    margin: 0;
    width: 100%;
}

.slider_container[b-4ho6u21swp] {
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 1em;
}

.slider_texts[b-4ho6u21swp] {
    background: linear-gradient(100deg, rgba(56, 165, 188,0.5) 0%, rgba(56, 165, 188,0.5) 77%, rgba(0,0,0,0) 77%, rgba(0,0,0,0) 78%, rgba(56, 165, 188,0.5) 78%, rgba(56, 165, 188,0.5) 85%, rgba(0,0,0,0) 85%, rgba(0,0,0,0) 86%, rgba(56, 165, 188,0.5) 86%, rgba(56, 165, 188,0.5) 88%, rgba(0,0,0,0) 88%, rgba(0,0,0,0) 89%, rgba(255,255,255,0.5) 89%, rgba(255,255,255,0.5) 91%, rgba(0,0,0,0) 91%, rgba(0,0,0,0) 92%, rgba(56, 165, 188,0.5) 92%, rgba(56, 165, 188,0.5) 100%);
    text-align: center;
    align-content: center;
    padding: 3vw;
    margin: 0;
}

.home__subtitle[b-4ho6u21swp] {
    font-size: 2.5vw;
    color: #fff;
    margin-bottom: 1vw;
    text-shadow: 0 .7vw .9vw rgba(0,0,0,.8);
}

.contenedor[b-4ho6u21swp] {
    margin: 0;
    overflow: hidden;
}

.slider_body[b-4ho6u21swp] {
    background-position: center;
    background-size: 100%;
    object-fit: cover;
    height: 100vh;
    padding: 25vw 0;
    margin: 0;
    grid-column: 1/1;
    background-repeat: no-repeat;
    background-size: cover;
    grid-row: 1/2;
    opacity: 0;
    pointer-events: none;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    transition: opacity 1.5s;
}

.slider_body--show[b-4ho6u21swp] {
    opacity: 1;
    pointer-events: unset;
}

.slider_arrow[b-4ho6u21swp] {
    margin: 0;
    width: 5vw;
    height: 5vw;
    padding: 1vw;
    border-radius: 50%;
    left: 1vw;
    background-color: rgba(96,95,95,0.1);
    color: rgba(255,255,255, 0.1);
    font-size: 3vw;
}

.slider_arrow_2[b-4ho6u21swp] {
    margin: 0;
    width: 5vw;
    height: 5vw;
    padding: 1vw;
    border-radius: 50%;
    background-color: rgba(96,95,95,0.1);
    color: rgba(255,255,255, 0.1);
    font-size: 3vw;
    right: -88vw;
}

    .slider_arrow:hover[b-4ho6u21swp], .slider_arrow_2:hover[b-4ho6u21swp] {
        background-color: #605F5F;
        color: #FFF;
    }

.arrows[b-4ho6u21swp] {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 60vh;
    z-index: 100;
}

.v_pc_1[b-4ho6u21swp] {
    background-image: url('img/IndexImg/slider-principal03.jpg');
}

.v_pc_2[b-4ho6u21swp] {
    background-image: url('img/IndexImg/slider-principal02.jpg');
}

.v_pc_3[b-4ho6u21swp] {
    background-image: url('img/IndexImg/slider-principal01.jpg');
}

@media screen and (max-width: 600px) {
    .arrows[b-4ho6u21swp] {
        top: 48vh;
    }

    .v_pc_1[b-4ho6u21swp] {
        background-image: url('img/IndexImg/slider-principal04.jpg');
    }

    .v_pc_2[b-4ho6u21swp] {
        background-image: url('img/IndexImg/slider-principal05.jpg');
    }

    .v_pc_3[b-4ho6u21swp] {
        background-image: url('img/IndexImg/slider-principal06.jpg');
    }

    .home__subtitle[b-4ho6u21swp] {
        font-size: 5vw;
    }
}
/* /Pages/Manuales/Manuales.razor.rz.scp.css */
.content_manuales[b-y0qsj6zpp1] {
    position: relative;
    background: radial-gradient(circle at 3% 6%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 90% 90%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 80%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 60% 55%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 40%, rgba(56, 165, 188,.5) 6%, rgba(234, 237, 237,0) 6%), radial-gradient(circle at 85% 20%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,1) 10%);
    min-height: 100vh;
    left: 0;
    width: 100%;
    z-index: 2;
    margin-top: 10vh;
    padding: 5vh 1vw;
    min-height: calc(100vh - 75px);
}

.card_manual[b-y0qsj6zpp1] {
    margin: auto;
    width: 80%;
    border-radius: 2vw;
    background-color: #FFF;
    padding: 3vw;
    box-shadow: .3vw .3vw .6vw #43434351;
}

.titulo[b-y0qsj6zpp1] {
    font-size: 3vw;
    font-weight: 600;
    text-align: center;
    margin: auto;
    color: #38A5BC;
}


.content_accesos[b-y0qsj6zpp1] {
    width: 100%;
    margin: auto;
    margin-top: 1vw;
}

.subtitulo[b-y0qsj6zpp1] {
    font-size: 2.5vw;
    text-align: center;
    margin: auto;
}

.subter[b-y0qsj6zpp1] {
    font-size: 2vw;
    font-weight: 600;
    color: #0D171F;
    text-align: start;
    margin: 3vw auto;
    margin-top: 5vw;
}

.grid_2_1[b-y0qsj6zpp1] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 1vw;
}

.grid_1_2[b-y0qsj6zpp1] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1vw;
}

.col_grid[b-y0qsj6zpp1] {
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: justify;
}

.list_m[b-y0qsj6zpp1] {
    font-size: 1.5vw;
    margin: .5vw 0;
}

.video[b-y0qsj6zpp1] {
    max-width: 100%;
    max-height: 40vh;
    margin: auto;
    cursor: pointer;
}

.content_pie[b-y0qsj6zpp1] {
    width: 20%;
    margin: auto;
    margin-top: 2vw;
}

.img_pie[b-y0qsj6zpp1] {
    width: 100%;
}

.modal_img[b-y0qsj6zpp1] {
    position: fixed;
    width: 100%;
    height: 90vh;
    top: 10vh;
    left: 0;
    background-color: #0d171fbd;
    z-index: 5000;
    transition: all .4s ease-in-out;
}

.modal_oculto[b-y0qsj6zpp1] {
    transform: scale(0);
    top: 50%;
    left: 50%;
    margin: auto;
}

.content_modal[b-y0qsj6zpp1] {
    position: relative;
    display: flex;
    width: 100%;
    height: 90vh;
    padding: 5vh;
}

.icono[b-y0qsj6zpp1] {
    color: #8f8f8f;
    font-size: 3vw;
    position: absolute;
    top: 5%;
    right: 2%;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.icono:hover[b-y0qsj6zpp1] {
    color: #FFF;
}

.img_modal[b-y0qsj6zpp1] {
    max-width: 100%;
    max-height: 80vh;
    margin: 0 auto;
}

@media screen and (max-width: 680px){
    .content_manuales[b-y0qsj6zpp1] {
        padding: 2vh 2vh;
    }

    .card_manual[b-y0qsj6zpp1] {
        width: 90%;
        border-radius: 10px;
        padding: 1.5rem;
        box-shadow: 5px 5px 10px #43434351;
    }

    .titulo[b-y0qsj6zpp1] {
        font-size: 2rem;
    }


    .content_accesos[b-y0qsj6zpp1] {
        margin-top: 1vh;
    }

    .subtitulo[b-y0qsj6zpp1] {
        font-size: 1.5rem;
    }

    .subter[b-y0qsj6zpp1] {
        font-size: 1.2rem;
        margin: 2vh auto;
    }

    .grid_2_1[b-y0qsj6zpp1] {
        grid-template-columns: 1fr;
        gap: 1vh;
    }

    .grid_1_2[b-y0qsj6zpp1] {
        grid-template-columns: 1fr;
        gap: 1vh;
    }

    .list_m[b-y0qsj6zpp1] {
        font-size: 1rem;
        margin: .5rem 0;
    }

    .video[b-y0qsj6zpp1] {
        max-height: 50vh;
    }

    .content_pie[b-y0qsj6zpp1] {
        width: 30%;
        margin-top: 1rem;
    }

    .modal_img[b-y0qsj6zpp1] {
        height: 94vh;
        top: 6vh;
    }

    .content_modal[b-y0qsj6zpp1] {
        height: 94vh;
        padding: 6vh;
    }

    .icono[b-y0qsj6zpp1] {
        font-size: 2.5rem;
        top: 6%;
        right: 4%;
    }

    .img_modal[b-y0qsj6zpp1] {
        max-height: 82vh;
        margin: auto;
    }

    .span_movil[b-y0qsj6zpp1] {
        grid-row: span 1/2;
        grid-column: span 1/2;
    }
}
/* /Pages/MisReservas/MisReservas.razor.rz.scp.css */
.reservacion_cliente[b-fcobn8rexi] {
    top: 10vh;
    background: radial-gradient(circle at 3% 6%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 90% 90%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 80%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 60% 55%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,0) 10%), radial-gradient(circle at 20% 40%, rgba(56, 165, 188,.5) 6%, rgba(234, 237, 237,0) 6%), radial-gradient(circle at 85% 20%, rgba(56, 165, 188,.5) 10%, rgba(234, 237, 237,1) 10%);
    width: 100%;
    min-height: 100vh;
    position: relative;
    padding: 2vw 1vw;
}

.container[b-fcobn8rexi] {
    width: 90%;
    margin: auto;
    border-radius: 3vw;
    padding: .5vw;
}

.tiulo_content[b-fcobn8rexi] {
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 1vw;
    background-color: #FFF;
    border-radius: 2vw;
}

.titulo_reserva[b-fcobn8rexi] {
    display: flex;
    width: 90%;
    margin: 1vw auto;
    justify-content: center;
    text-align: center;
}

.titulo_pagina[b-fcobn8rexi] {
    font-size: 2vw;
    font-weight: 600;
    margin: 1vw;
}

.cards_content[b-fcobn8rexi] {
    display: grid;
    gap: 1vw;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: 1.5vw;
    text-align: center;
}

.col_cards[b-fcobn8rexi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
}

.crad_reservacion[b-fcobn8rexi] {
    position: relative;
    display: grid;
    gap: 1vw;
    grid-template-columns: 14vw 1fr;
    justify-content: center;
    padding: 2vw;
    text-align: center;
}

.crad_reservacion_h[b-fcobn8rexi] {
    position: relative;
    display: grid;
    gap: 1vw;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: 2vw;
    text-align: center;
    background-color: #FFF;
    border-radius: 2vw;
    box-shadow: rgba(159,159,159, 1) 0 0 .8vw;
}

.col_card[b-fcobn8rexi] {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    padding: 1vw;
    background-color: #FFF;
    border-radius: 2vw;
    box-shadow: rgba(159,159,159, 1) 0 0 .8vw;
}

.cancelar_reserva[b-fcobn8rexi] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.btn_cancelar_reserva[b-fcobn8rexi] {
    margin: 0;
    padding: 1vw;
    border-radius: 0 2vw 0 2vw;
    border: .2vw solid orangered;
    color: #FFF;
    font-size: 1.5vw;
    background-color: orangered;
}

    .btn_cancelar_reserva:hover[b-fcobn8rexi] {
        color: orangered;
        background-color: #FFF;
    }

.row_fecha[b-fcobn8rexi] {
    display: grid;
    gap: .5vw;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    text-align: center;
    padding: 0 8vw;
}

.col_fecha[b-fcobn8rexi] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
}

.text[b-fcobn8rexi] {
    font-size: 1.5vw;
    font-weight: 100;
    color: #000;
    margin: 0;
}

.tirulo_reserva[b-fcobn8rexi] {
    font-size: 1.5vw;
    font-weight: 600;
    color: #38A5BC;
}

.subtitulo[b-fcobn8rexi] {
    font-size: 1vw;
}

.img_qr[b-fcobn8rexi] {
    position: relative;
    margin: auto;
}

    .img_qr i[b-fcobn8rexi], img[b-fcobn8rexi] {
        font-size: 10vw;
        width: 10vw;
        height: 10vw;
    }

.cancelado[b-fcobn8rexi] {
    position: absolute;
    width: 100%;
    top: 27%;
    color: #FFF;
    background-color: orangered;
    margin: 0;
    font-size: 1.5vw;
}

.btn_ubicacion[b-fcobn8rexi] {
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #38A5BC;
    border: .2vw solid #38A5BC;
    border-radius: 2vw 0 2vw 0;
    padding: .5vw;
    color: #FFF;
}

.button[b-fcobn8rexi] {
    font-size: 1.5vw;
    color: #FFF;
    text-decoration: none;
}

.btn_ubicacion:hover[b-fcobn8rexi] {
    background-color: #FFF;
    color: #38A5BC;
}

    .btn_ubicacion:hover a[b-fcobn8rexi] {
        color: #38A5BC;
    }

.info_t[b-fcobn8rexi] {
    position: relative;
    margin: auto 1vw;
}

    .info_t i[b-fcobn8rexi] {
        font-size: 1.1vw;
        transition: all .3s ease;
        color: #9a9797;
    }

    .info_t:hover i[b-fcobn8rexi] {
        transform: scale(1.3);
        color: #444;
    }

.poper_t[b-fcobn8rexi] {
    display: none;
}

.info_t:hover .poper_t[b-fcobn8rexi] {
    background-color: #FFF;
    position: absolute;
    display: flex;
    bottom: -150%;
    left: 150%;
    border-radius: 1vw;
    border: .2vw solid #38A5BC;
    width: 9vw;
    max-width: 10vw;
    padding: .5vw;
    animation: .3s popup-b-fcobn8rexi ease;
    z-index: 100;
}

.text_poper[b-fcobn8rexi] {
    margin: 0;
    font-size: .8vw;
    color: #444;
}

@keyframes popup-b-fcobn8rexi {
    0% {
        transform: translateY(50%);
        opacity: 0;
    }

    50% {
        transform: translateY(25%);
        opacity: .8;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}

.tablas[b-fcobn8rexi] {
    width: 100%;
    margin: 1vw auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15vw), 1fr));
    gap: 0;
    border-radius: 2vw;
    border: .1vw solid #444;
    overflow: hidden;
}

.content_col[b-fcobn8rexi] {
    width: 100%;
    margin: 0;
    border: .1vw solid #444;
}

.line_table[b-fcobn8rexi] {
    font-weight: 600;
    border-bottom: .1vw solid #444;
}

._padding_bottom[b-fcobn8rexi] {
    padding-bottom: 3vw;
}

@media screen and (max-width: 550px) {
    .reservacion_cliente[b-fcobn8rexi] {
        padding: 2vh 1vh;
    }

    .container[b-fcobn8rexi] {
        padding: .5vh;
    }

    .titulo_pagina[b-fcobn8rexi] {
        font-size: 1.5rem;
    }

    .cards_content[b-fcobn8rexi] {
        padding: 1vh;
    }

    .crad_reservacion[b-fcobn8rexi] {
        grid-template-columns: 1fr;
        padding: 2vh 0;
    }

    .row_fecha[b-fcobn8rexi] {
        gap: .5vh;
        grid-template-columns: repeat(2, 1fr);
    }

    .text[b-fcobn8rexi] {
        font-size: 1.5vh;
    }

    .tirulo_reserva[b-fcobn8rexi] {
        font-size: 2vh;
        font-weight: 600;
        color: #38A5BC;
    }

    .titulo_habitacion[b-fcobn8rexi] {
        font-size: 1vh;
    }

    .subtitulo[b-fcobn8rexi] {
        font-size: 1vh;
    }

    .img_qr[b-fcobn8rexi] {
        margin: 1vh auto;
    }

        .img_qr i[b-fcobn8rexi], img[b-fcobn8rexi] {
            font-size: 15vh;
            width: 15vh;
            height: 15vh;
        }

    .cancelado[b-fcobn8rexi] {
        font-size: 1rem;
    }

    .button[b-fcobn8rexi] {
        font-size: 1.5vh;
        border-radius: 10px;
        padding: .5vh;
    }

    .btn_cancelar_reserva[b-fcobn8rexi] {
        padding: .5rem;
        font-size: 1.5vh;
    }

    .row_fecha[b-fcobn8rexi] {
        padding: 0 10vh;
    }

    .info_t:hover .poper_t[b-fcobn8rexi] {
        bottom: -500%;
        left: -700%;
    }

    .tablas[b-fcobn8rexi] {
        margin: 1rem auto;
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 8rem), 1fr));
        border-radius: 1rem;
        border: 1px solid #444;
    }

    .content_col[b-fcobn8rexi] {
        border: 1px solid #444;
    }

    .line_table[b-fcobn8rexi] {
        border-bottom: 1px solid #444;
    }

    ._padding_bottom[b-fcobn8rexi] {
        padding-bottom: 2.5rem;
    }
}
/* /Pages/NuevaReserva/NuevaReserva.razor.rz.scp.css */
.home-section[b-s9n6lo9qs7] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-s9n6lo9qs7] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-s9n6lo9qs7] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-s9n6lo9qs7] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-s9n6lo9qs7] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-s9n6lo9qs7] {
        font-family: Arial;
        font-size: 1.5vw;
        margin: 0;
        color: #0D171F;
    }

.configuarciones_error[b-s9n6lo9qs7] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 0.8vw;
    color: red;
}

.configuarciones_exito[b-s9n6lo9qs7] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1rem;
    color: green;
}

.conten_configuarciones[b-s9n6lo9qs7] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 15vw 1fr;
    justify-content: center;
    padding: 2vw;
    text-align: center;
}

.col_grid[b-s9n6lo9qs7] {
    display: flex;
    flex-direction: column;
}

.text[b-s9n6lo9qs7] {
    font-size: 1rem;
    color: #0D171F;
    margin: auto 0;
}

.btn_content[b-s9n6lo9qs7] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-s9n6lo9qs7] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-s9n6lo9qs7] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-s9n6lo9qs7] {
        grid-template-columns: repeat(1, 1fr);
    }

    .configuarciones_titulo h3[b-s9n6lo9qs7] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-s9n6lo9qs7] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-s9n6lo9qs7] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-s9n6lo9qs7] {
        width: 100%);
    }

    .configuarciones_titulo h3[b-s9n6lo9qs7] {
        font-size: 2.5vh;
    }

    .btn_crear[b-s9n6lo9qs7] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }

    .configuarciones_error[b-s9n6lo9qs7] {
        font-size: 0.8vh;
    }
}
/* /Pages/PrecioEspecialPages/PrecioEspecialCreaar.razor.rz.scp.css */
.home-section[b-67gh9zaqwh] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-67gh9zaqwh] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-67gh9zaqwh] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-67gh9zaqwh] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-67gh9zaqwh] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-67gh9zaqwh] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.configuarciones_error[b-67gh9zaqwh] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuarciones[b-67gh9zaqwh] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 15vw 1fr;
    justify-content: center;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.tb_descripcion[b-67gh9zaqwh] {
    width: 100%;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-67gh9zaqwh] {
    display: flex;
    flex-direction: column;
}

.text[b-67gh9zaqwh] {
    font-size: 1rem;
    color: #0D171F;
    margin: auto 0;
}

.btn_content[b-67gh9zaqwh] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-67gh9zaqwh] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-67gh9zaqwh] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-67gh9zaqwh] {
        grid-template-columns: repeat(1, 1fr);
    }

    .configuarciones_titulo h3[b-67gh9zaqwh] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-67gh9zaqwh] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-67gh9zaqwh] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-67gh9zaqwh] {
        width: 100%;
    }

    .configuarciones_titulo h3[b-67gh9zaqwh] {
        font-size: 2.5vh;
    }


    .table_text[b-67gh9zaqwh] {
        font-size: 1.5vh;
    }

    .btn_crear[b-67gh9zaqwh] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }
}

@media screen and (max-width: 285px) {

    .configuarciones_titulo h3[b-67gh9zaqwh] {
        font-size: 2vh;
    }


    .table_text[b-67gh9zaqwh] {
        font-size: 1vh;
    }

    .btn_crear[b-67gh9zaqwh] {
        padding: .2rem .4rem;
        font-size: 1.5vh;
    }
}
/* /Pages/PrecioEspecialPages/PrecioEspecialEditar.razor.rz.scp.css */
.home-section[b-6khqhigl3i] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-6khqhigl3i] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-6khqhigl3i] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-6khqhigl3i] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-6khqhigl3i] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-6khqhigl3i] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.configuarciones_error[b-6khqhigl3i] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuarciones[b-6khqhigl3i] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 15vw 1fr;
    justify-content: center;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.tb_descripcion[b-6khqhigl3i] {
    width: 100%;
    padding: 2vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-6khqhigl3i] {
    display: flex;
    flex-direction: column;
}

.text[b-6khqhigl3i] {
    font-size: 1rem;
    color: #0D171F;
    margin: auto 0;
}

.btn_content[b-6khqhigl3i] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-6khqhigl3i] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-6khqhigl3i] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-6khqhigl3i] {
        grid-template-columns: repeat(1, 1fr);
    }

    .configuarciones_titulo h3[b-6khqhigl3i] {
        font-size: 2vh;
    }
}


@media screen and (max-width: 500px) {
    .home-section[b-6khqhigl3i] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-6khqhigl3i] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-6khqhigl3i] {
        width: 100%;
    }

    .configuarciones_titulo h3[b-6khqhigl3i] {
        font-size: 2.5vh;
    }


    .table_text[b-6khqhigl3i] {
        font-size: 1.5vh;
    }

    .btn_crear[b-6khqhigl3i] {
        padding: .2rem .4rem;
        font-size: 2vh;
    }
}

@media screen and (max-width: 285px) {

    .configuarciones_titulo h3[b-6khqhigl3i] {
        font-size: 2vh;
    }


    .table_text[b-6khqhigl3i] {
        font-size: 1vh;
    }

    .btn_crear[b-6khqhigl3i] {
        padding: .2rem .4rem;
        font-size: 1.5vh;
    }
}

.content_estatus[b-6khqhigl3i] {
    background-color: #f4f4f4;
    color: #1e1e1e;
    padding: .5rem 1rem;
    font-size: 1rem;
    cursor: pointer;
}

    .content_estatus:active[b-6khqhigl3i]{
        border: 2px solid #38A5BC;
    }

    .color_green[b-6khqhigl3i] {
        color: green;
        font-size: 1.2rem;
        font-weight: 700;
    }

.activo[b-6khqhigl3i] {
    animation: cambiocolorverder-b-6khqhigl3i 1s forwards;
}

.desactivado[b-6khqhigl3i] {
    animation: cambiocolorrojo-b-6khqhigl3i 1s forwards;
}

.color_red[b-6khqhigl3i] {
    color: red;
    font-size: 1.2rem;
    font-weight: 700;
}

@keyframes cambiocolorverder-b-6khqhigl3i {
    0%{
        opacity: 0;
        color: #1e1e1e;
    }
    50%{
        opacity: 0.5;
        color: #1e3e17;
    }
    100%{
        opacity: 1;
        color: green;
    }
}

@keyframes cambiocolorrojo-b-6khqhigl3i {
    0% {
        opacity: 0;
        color: #1e1e1e;
    }

    50% {
        opacity: 0.5;
        color: #4e1111;
    }

    100% {
        opacity: 1;
        color: red;
    }
}
/* /Pages/PrecioEspecialPages/PrecioEspecialInicio.razor.rz.scp.css */
.home-section[b-hcdwfhlnaz] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-hcdwfhlnaz] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-hcdwfhlnaz] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-hcdwfhlnaz] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones_titulo[b-hcdwfhlnaz] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .configuarciones_titulo h3[b-hcdwfhlnaz] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.configuarciones_error[b-hcdwfhlnaz] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5rem;
    color: red;
}

.conten_configuarciones[b-hcdwfhlnaz] {
    display: grid;
    overflow-y: auto;
    overflow-x: hidden;
    height: 60vh;
    gap: 1vw;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    padding: 1vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-hcdwfhlnaz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #808080;
    border-radius: 40px;
    box-shadow: rgba(159,159,159,0.6) 4px 4px 6px;
}

.card_habitacion[b-hcdwfhlnaz] {
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
    justify-content: center;
    padding: 1.5vw;
    padding-bottom: 0;
    text-align: center;
}

.card_colum[b-hcdwfhlnaz] {
    display: flex;
    flex-direction: column;
}

.card_img[b-hcdwfhlnaz] {
    margin: 0;
    padding: 4vw;
}

.card_title[b-hcdwfhlnaz] {
    color: #38A5BC;
    font-size: 1.5vw;
}

    .card_title p[b-hcdwfhlnaz] {
        margin: 0;
    }

.card_estatus[b-hcdwfhlnaz] {
    margin: auto;
    display: inline-flex;
}

.visual_estatus_1[b-hcdwfhlnaz] {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background-color: red;
    margin: auto;
}

.visual_estatus_2[b-hcdwfhlnaz] {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background-color: green;
    margin: auto;
}

.visual_estatus_3[b-hcdwfhlnaz] {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background-color: yellow;
    margin: auto;
}

.visual_estatus_4[b-hcdwfhlnaz] {
    width: 1vw;
    height: 1vw;
    border-radius: 50%;
    background-color: orange;
    margin: auto;
}

.estatus[b-hcdwfhlnaz] {
    margin-left: 1vw;
}

.card_caracteristicas[b-hcdwfhlnaz] {
    padding-left: 1vw;
    padding-right: 1vw;
    margin: 0;
}

.card_descripcion[b-hcdwfhlnaz] {
    margin: 0;
    margin-bottom: 1.2vw;
    text-align: center;
}

.text[b-hcdwfhlnaz] {
    font-size: 1vw;
    color: #0D171F;
    margin: auto 0;
}

.btn_content[b-hcdwfhlnaz] {
    width: 100%;
    text-align: end;
}

.btn_crear[b-hcdwfhlnaz] {
    padding: .5rem 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 1rem;
    color: #FFF;
    font-size: 1rem;
}

    .btn_crear:hover[b-hcdwfhlnaz] {
        background-color: #fff;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

@media screen and (max-width: 1090px) {
    .conten_configuarciones[b-hcdwfhlnaz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .conten_configuarciones[b-hcdwfhlnaz] {
        grid-template-columns: repeat(1, 1fr);
        height: 67vh;
    }

    .configuarciones_titulo h3[b-hcdwfhlnaz] {
        font-size: 2vh;
    }
}

@media screen and (max-width: 500px) {
    .home-section[b-hcdwfhlnaz] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-hcdwfhlnaz] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .configuracion-open[b-hcdwfhlnaz] {
        width: 100%;
    }

    .configuarciones_titulo h3[b-hcdwfhlnaz] {
        font-size: 2.5vh;
    }

    .configuarciones_error[b-hcdwfhlnaz] {
        font-size: 1vh;
    }

    .line_content[b-hcdwfhlnaz] {
        border-radius: 20px;
    }

    .card_img[b-hcdwfhlnaz] {
        margin: 0;
        padding: 4vw;
    }

    .card_title[b-hcdwfhlnaz] {
        font-size: 2vh;
    }

    .visual_estatus_1[b-hcdwfhlnaz] {
        width: 1vh;
        height: 1vh;
    }

    .visual_estatus_2[b-hcdwfhlnaz] {
        width: 1vh;
        height: 1vh;
    }

    .visual_estatus_3[b-hcdwfhlnaz] {
        width: 1vh;
        height: 1vh;
    }

    .visual_estatus_4[b-hcdwfhlnaz] {
        width: 1vh;
        height: 1vh;
    }

    .estatus[b-hcdwfhlnaz] {
        margin-left: 1vh;
    }

    .card_descripcion[b-hcdwfhlnaz] {
        margin-bottom: 1.2vh;
        text-align: center;
    }

    .text[b-hcdwfhlnaz] {
        font-size: 1.5vh;
    }

    .table_text[b-hcdwfhlnaz] {
        font-size: 1.5vh;
    }

    .btn_content[b-hcdwfhlnaz] {
        height: 5.5vh;
    }

    .btn_crear[b-hcdwfhlnaz] {
        font-size: 2vh;
    }
}

.color_green[b-hcdwfhlnaz] {
    color: green;
    font-size: 1.5rem;
    font-weight: 700;
}

.color_red[b-hcdwfhlnaz] {
    color: red;
    font-size: 1.5rem;
    font-weight: 700;
}
/* /Pages/Pruebas.razor.rz.scp.css */
.content_fechas[b-u6grpn2adu] {
    width: 100%;
}

.fechas_grid[b-u6grpn2adu] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .5vw;
}

.col_fechas[b-u6grpn2adu] {
    display: flex;
    flex-direction: column;
}

.text_fecha[b-u6grpn2adu] {
    font-size: .8vw;
    margin: auto;
    text-align: center;
}

.btn_fechas[b-u6grpn2adu] {
    width: 100%;
    height: 2vw;
    padding: .5vw;
    margin: auto;
    border: none;
}

.calendario[b-u6grpn2adu] {
    width: 100%;
}

.oculto[b-u6grpn2adu] {
    display: none;
}

.top_calendar[b-u6grpn2adu] {
    width: 100%;
    padding: 0;
    margin: 0;
}

.filtros[b-u6grpn2adu] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.col_filtros[b-u6grpn2adu] {
    display: flex;
    flex-direction: column;
}

.calendar_mes[b-u6grpn2adu] {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mes_top[b-u6grpn2adu] {
    width: 100%;
    padding: 0;
    margin: 0;
}

.dias_top[b-u6grpn2adu] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
}

.day[b-u6grpn2adu]{
    display: flex;
    flex-direction: column;
}

.text_1[b-u6grpn2adu] {
    text-align: center;
    font-size: .8vw;
    margin: auto;
}

.days_of_month[b-u6grpn2adu] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
}

.day_celd[b-u6grpn2adu] {
    display: flex;
    flex-direction: column;
}

.day_content[b-u6grpn2adu] {
    width: 100%;
    text-align: center;
}

.dia_text[b-u6grpn2adu] {
    font-size: .8vw;
    margin: 0;
}

.color_1[b-u6grpn2adu], color_2[b-u6grpn2adu] {
    color: #808080
}

.color_3[b-u6grpn2adu] {
    background-color: #0D171F;
    color: #FFF;
}

.color_4[b-u6grpn2adu] {
    background-color: rgb(157, 225, 239);
    color: #0D171F;
}
/* /Pages/ReservasAdministrador/Componente/ReservaView.razor.rz.scp.css */
.reservaciones_subtitulo[b-377554ni3c] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .reservaciones_subtitulo h3[b-377554ni3c] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

    .reservaciones_subtitulo p[b-377554ni3c] {
        font-family: Arial;
        margin: 0;
        font-size: .8vw;
        color: red;
    }

.reserva_content[b-377554ni3c] {
    display: flex;
    flex-direction: column;
    margin: 1vw;
}

.text[b-377554ni3c] {
    font-size: 1vw;
    margin: auto;
}

.text_title[b-377554ni3c] {
    font-size: 1.5vw;
    margin: auto;
    color: #38A5BC;
}

.line[b-377554ni3c] {
    display: block;
}

.qr_img[b-377554ni3c] {
    height: auto;
    margin: .5vw auto;
    padding: 0;
    text-align: center;
}

    .qr_img i[b-377554ni3c] {
        font-size: 4vw;
        height: 4vw;
    }

    .img_qr[b-377554ni3c] {
        width: 7vw;
        height: auto;
    }

.cargar_qr[b-377554ni3c] {
    position: relative;
    text-align: start;
    margin: 0;
    padding: 0 1vw;
    overflow-x: hidden;
}

    .cargar_qr:hover[b-377554ni3c] {
        color: #38A5BC;
    }

.file[b-377554ni3c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

    .file:first-child[b-377554ni3c] {
        max-width: 100%;
    }

.boton_cancelar[b-377554ni3c] {
    padding: 0;
    margin: 1vw 0;
    text-align: end;
}
.boton_cancelar1[b-377554ni3c] {
    padding: 0;
    margin: 1vw 0;
    text-align: center;
}

.boton_enviar[b-377554ni3c] {
    padding: 0;
    margin: 1vw 0;
    text-align: start;
}

.btn_cancelar[b-377554ni3c] {
    background-color: #ff0000;
    border-radius: 20px;
    border: 2px solid #ff0000;
    padding: 5px;
    color: #FFF;
    font-size: 1rem;
}

    .btn_cancelar:hover[b-377554ni3c] {
        background-color: #FFF;
        border: 2px solid #ff0000;
        color: #ff0000;
    }

.btn_enviar[b-377554ni3c] {
    background-color: #38A5BC;
    border-radius: 20px;
    border: 2px solid #38A5BC;
    padding: 5px;
    color: #FFF;
    font-size: 1rem;
}

    .btn_enviar:hover[b-377554ni3c] {
        background-color: #FFF;
        border: 2px solid #38A5BC;
        color: #38A5BC;
    }

.cargar_qr_negado[b-377554ni3c] {
    position: relative;
    text-align: start;
    margin: 0;
    padding: 0 1vw;
    overflow-x: hidden;
}

.mensaje_negado[b-377554ni3c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 5px solid red;
    text-align: center;
}

.ms_negado[b-377554ni3c] {
    width: 100%;
    padding: .5vw;
    margin: 0;
    background-color: red;
    color: #FFF;
    font-size: 1rem;
}

.ntput_file_oculto[b-377554ni3c] {
    font-size: 0;
}

.botones[b-377554ni3c] {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}

.btn_enviar i[b-377554ni3c] {
    animation: loadrotate-b-377554ni3c 5s infinite;
}

@keyframes loadrotate-b-377554ni3c {
    0% {
        transform: rotate(45deg);
    }

    10% {
        transform: rotate(90deg);
    }

    20% {
        transform: rotate(135deg);
    }

    30% {
        transform: rotate(180deg);
    }

    40% {
        transform: rotate(225deg);
    }

    50% {
        transform: rotate(270deg);
    }

    60% {
        transform: rotate(315deg);
    }

    70% {
        transform: rotate(360deg);
    }

    80% {
        transform: rotate(315deg);
    }

    90% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 768px) {
    .text[b-377554ni3c] {
        font-size: 1.5vh;
        margin: 1vh auto;
    }

    .text_title[b-377554ni3c] {
        font-size: 1.8vh;
        margin: 1vh auto;
    }

    .reservaciones_subtitulo h3[b-377554ni3c] {
        margin-top: .5vh;
        font-size: 2vh;
    }

    .qr_img[b-377554ni3c] {
        height: auto;
        margin: 1.5vh auto;
        padding: 0;
        text-align: center;
    }

        .qr_img i[b-377554ni3c] {
            font-size: 13vh;
            height: 13vh;
        }

    .img_qr[b-377554ni3c] {
        width: 15vh;
        height: auto;
    }

    .file[b-377554ni3c] {
        font-size: 1.5vh;
    }

    .cargar_qr[b-377554ni3c] {
        margin: 0;
        font-size: 1.5vh;
    }
}
/* /Pages/ReservasAdministrador/Reservas.razor.rz.scp.css */
.home-section[b-wfnvmoayeo] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open[b-wfnvmoayeo] {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.configuarciones[b-wfnvmoayeo] {
    width: 98%;
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.configuarciones-open[b-wfnvmoayeo] {
    width: calc(98% - 250px);
    transition: all 0.5s ease;
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 10px;
    margin: auto;
    padding: 1vw;
}

.reservaciones_titulo[b-wfnvmoayeo] {
    text-align: center;
    margin: 0;
    padding-top: .5vw;
    padding-bottom: .5vw;
    border-bottom: 1px solid #D8D8D8;
}

    .reservaciones_titulo h3[b-wfnvmoayeo] {
        font-family: Arial;
        margin: 0;
        font-size: 1.5vw;
        color: #0D171F;
    }

.reservaciones_error[b-wfnvmoayeo] {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 1.5vw;
    color: red;
}

.conten_reservaciones[b-wfnvmoayeo] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 67vh;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    padding: .5vw;
    margin-bottom: 1vw;
    text-align: center;
}

.line_content[b-wfnvmoayeo] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #CBCBCB;
    border-radius: 40px;
    box-shadow: rgba(159,159,159,0.6) 4px 4px 6px;
}

@media screen and (max-width: 980px) {
    .conten_reservaciones[b-wfnvmoayeo] {
        grid-template-columns: repeat(2, 1fr);
        padding: 1vw;
    }
}

@media screen and (max-width: 768px) {
    .conten_reservaciones[b-wfnvmoayeo] {
        grid-template-columns: 1fr;
        padding: 1vw;
    }

    .line_content[b-wfnvmoayeo] {
        border-radius: 10px;
    }

    .reservaciones_titulo[b-wfnvmoayeo] {
        padding-bottom: 1vh;
    }

        .reservaciones_titulo h3[b-wfnvmoayeo] {
            font-size: 3vh;
        }

    .reservaciones_error[b-wfnvmoayeo] {
        font-size: 1.5vh;
    }

    .conten_reservaciones[b-wfnvmoayeo] {
        margin-bottom: 1vh;
    }
}

@media screen and (max-width: 500px) {
    .home-section[b-wfnvmoayeo] {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open[b-wfnvmoayeo] {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }
}

/* /Pages/Usuarios/Usuario.razor.rz.scp.css */
.content_page[b-s0x9xf1pq6] {
    width: 100%;
    min-height: 90vh;
    position: relative;
    display: flex;
}



/*.home-section {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.home-section-open {
    position: relative;
    background: #E4E9F7;
    min-height: 100vh;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 2;
    margin-top: 85px;
    padding: 2rem 1.5rem;
    min-height: calc(100vh - 75px);
}

.usuarios_container {
    width: 100%;
    margin: 0;
    padding: 1vw;
    background-color: #FFF;
    border-radius: 20px;
    border: 2px solid #605F5F;
}

.usuarios_titulo {
    margin: auto;
    padding: 0;
    text-align: center;
    border-bottom: 2px solid #CFCFCF;
}

.titulo {
    font-size: 3rem;
    margin: 0;
    color: #0D171F;
}

.list_usuario_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    width: 100%;
    min-height: 60vh;
    margin: 1vw 0;
    padding: 0;
}

.col_user {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
    font-size: .8rem;
    border-radius: 10px;
    border: 2px solid #CFCFCF;
}

.subtitulo {
    text-align: center;
    font-size: 1.5rem;
    color: #38A5BC;
    margin: 0;
}

.info_user {
    display: grid;
    grid-template-columns: 3rem 1fr;
    gap: .5rem;
    text-align: start;
    width: 100%;
    margin: 0;
    padding: 0;
}

.col_info {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    font-size: .8rem;
}

.col_user:hover .pop_up {
    display: grid;
    grid-template-columns: 1fr;
    position: absolute;
    max-width: 12rem;
    max-height: 30vh;
    overflow-y: auto;
    overflow-x: hidden;
    top: 20%;
    left: 10%;
    background-color: #FFF;
    border-radius: 5px;
    z-index: 100;
    border: 2px solid #38A5BC;
}

.pop_up {
    display: none;
}

.pop_up_line {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: .5vw;
    border: 1px solid gray;
}

.text {
    margin: 0;
    font-size: .8rem;
}

@media screen and (max-width: 780px) {

    .list_usuario_content {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (max-width: 500px) {
    .home-section {
        min-height: 100vh;
        left: 0;
        top: 85px;
        width: 100%;
        margin-top: 0;
        max-height: 100%;
    }

    .home-section-open {
        min-height: 100vh;
        top: 85px;
        left: 0;
        width: 100%;
        margin-top: 0;
        min-height: 100vh;
    }

    .list_usuario_content {
        grid-template-columns: repeat(1, 1fr);
    }

    .info_user {
        grid-template-columns: 1fr;
    }
}*/
/* /Pages/Verificaciones/RestableserCuenta.razor.rz.scp.css */
.container[b-5c1sy5weze] {
    width: 100%;
    min-width: 100%;
    height: 100vh;
    background: radial-gradient(circle at 3% 6%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 90% 80%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 20% 80%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 70% 30%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%);
    -webkit-font-smoothing: antialiased;
}

.content_error[b-5c1sy5weze] {
    margin: auto;
}

.logo[b-5c1sy5weze] {
    width: 100%;
}

.titulo[b-5c1sy5weze] {
    width: 20vw;
    margin: 5vh 39vw;
}

.anim_css[b-5c1sy5weze] {
    width: 20vw;
    padding: 0 3rem;
    margin: auto;
}

.mensaje[b-5c1sy5weze] {
    text-align: center;
    padding: 1rem;
}

.ms_text[b-5c1sy5weze] {
    font-family: sans-serif;
    font-size: 2vw;
    color: #575353;
}

.btn_error[b-5c1sy5weze] {
    width: 20vw;
    margin: auto;
    padding: 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 35px;
    text-align: center;
}

    .btn_error:hover[b-5c1sy5weze] {
        background-color: #FFF;
        border: 2px solid #38A5BC;
        border-radius: 30px;
        color: #38A5BC;
    }

.regresar[b-5c1sy5weze] {
    font-family: sans-serif;
    font-size: 2vw;
    color: #FFF;
}

.btn_error:hover .regresar[b-5c1sy5weze] {
    color: #38A5BC;
}


@media screen and (max-width: 600px) {

    .content_error[b-5c1sy5weze] {
        align-items: center;
    }

    .anim_css[b-5c1sy5weze] {
        width: 30vh;
    }

    .ms_text[b-5c1sy5weze] {
        font-size: 2vh;
    }

    .titulo[b-5c1sy5weze] {
        width: 20vh;
        margin: 5vh 28vw;
    }

    .btn_error[b-5c1sy5weze] {
        width: 20vh;
    }

    .regresar[b-5c1sy5weze] {
        font-size: 2vh;
    }
}
/* /Pages/Verificaciones/VerificarCorreo.razor.rz.scp.css */
.container[b-zmqat5ktwx] {
    width: 100%;
    min-width: 100%;
    height: 100vh;
    background: radial-gradient(circle at 3% 6%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 90% 80%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 20% 80%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 70% 30%, rgba(87, 83, 83,.5) 10%, rgba(255,255,255,0) 10%);
    -webkit-font-smoothing: antialiased;
}

.content_error[b-zmqat5ktwx] {
    margin: auto;
}

.logo[b-zmqat5ktwx] {
    width: 100%;
}

.titulo[b-zmqat5ktwx] {
    width: 20vw;
    margin: 5vh 39vw;
}

.anim_css[b-zmqat5ktwx] {
    width: 20vw;
    padding: 0 3rem;
    margin: auto;
}

.mensaje[b-zmqat5ktwx] {
    text-align: center;
    padding: 1rem;
}

.ms_text[b-zmqat5ktwx] {
    font-family: sans-serif;
    font-size: 2vw;
    color: #575353;
}

.btn_error[b-zmqat5ktwx] {
    width: 20vw;
    margin: auto;
    padding: 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 35px;
    text-align: center;
}

    .btn_error:hover[b-zmqat5ktwx] {
        background-color: #FFF;
        border: 2px solid #38A5BC;
        border-radius: 30px;
        color: #38A5BC;
    }

.regresar[b-zmqat5ktwx] {
    font-family: sans-serif;
    font-size: 2vw;
    color: #FFF;
}

.btn_error:hover .regresar[b-zmqat5ktwx] {
    color: #38A5BC;
}


@media screen and (max-width: 600px) {

    .content_error[b-zmqat5ktwx] {
        align-items: center;
    }

    .anim_css[b-zmqat5ktwx] {
        width: 30vh;
    }

    .ms_text[b-zmqat5ktwx] {
        font-size: 2vh;
    }

    .titulo[b-zmqat5ktwx] {
        width: 20vh;
        margin: 5vh 28vw;
    }

    .btn_error[b-zmqat5ktwx] {
        width: 20vh;
    }

    .regresar[b-zmqat5ktwx] {
        font-size: 2vh;
    }
}
/* /Pages/VerificarPassword/Actualizar.razor.rz.scp.css */
.correo_recuperar_password[b-k95ydytm61] {
    position: relative;
    top: 74px;
    width: 100%;
    min-height: calc(100vh - 75px);
    margin: 0;
    padding: 1rem;
    background: radial-gradient(circle at 100% 100%, rgba(56, 165, 188,1) 55%, rgba(241,241,241,0) 55%);
    transition: all 3s ease;
}


.container_correo_recuperar_password[b-k95ydytm61] {
    margin: 15vh 0;
    padding: 2vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.col-container[b-k95ydytm61] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.img_correo[b-k95ydytm61] {
    width: 30vw;
    margin: auto;
}

.slogan[b-k95ydytm61] {
    font-size: 2.2rem;
    color: #fff;
    margin-bottom: 10px;
}

.Tituo_cont[b-k95ydytm61] {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0;
}

.titulo[b-k95ydytm61] {
    font-size: 2.2rem;
    color: #444;
    margin-bottom: 10px;
}

.subtitulo[b-k95ydytm61] {
    font-size: 1.8rem;
    color: #444;
    margin-bottom: 10px;
}

.intputs_content[b-k95ydytm61] {
    max-width: 380px;
    width: 100%;
    background-color: #f0f0f0;
    margin: 1rem auto;
    height: 55px;
    border-radius: 55px;
    display: grid;
    grid-template-columns: 15% 85%;
    padding: 0 0.4rem;
    position: relative;
}


    .intputs_content i[b-k95ydytm61] {
        text-align: center;
        line-height: 55px;
        color: #acacac;
        transition: 0.5s;
        font-size: 1.1rem;
    }

    .intputs_content input[b-k95ydytm61] {
        background: none;
        outline: none;
        border: none;
        line-height: 1;
        font-weight: 600;
        font-size: 1.1rem;
        color: #333;
    }

        .intputs_content input[b-k95ydytm61]::placeholder {
            color: #aaa;
            font-weight: 500;
        }

.boton_content[b-k95ydytm61] {
    width: 100%;
    text-align: center;
}

.btn_enviar[b-k95ydytm61] {
    background-color: rgba(56, 165, 188,1);
    border: 2px solid rgba(56, 165, 188,1);
    margin: auto;
    color: #FFF;
    border-radius: 30px;
    font-size: 1.5rem;
    padding: 0.8rem;
}

    .btn_enviar:hover[b-k95ydytm61] {
        background-color: #fff;
        color: rgba(56, 165, 188,1);
    }

@keyframes loadrotate-b-k95ydytm61 {
    0% {
        transform: rotate(45deg);
    }

    10% {
        transform: rotate(90deg);
    }

    20% {
        transform: rotate(135deg);
    }

    30% {
        transform: rotate(180deg);
    }

    40% {
        transform: rotate(225deg);
    }

    50% {
        transform: rotate(270deg);
    }

    60% {
        transform: rotate(315deg);
    }

    70% {
        transform: rotate(360deg);
    }

    80% {
        transform: rotate(315deg);
    }

    90% {
        transform: rotate(360deg);
    }
}

.btn_enviar i[b-k95ydytm61] {
    animation: loadrotate-b-k95ydytm61 5s infinite;
}

.error[b-k95ydytm61] {
    color: red;
    font-size: 1rem;
    margin: auto;
}

@keyframes showalert-b-k95ydytm61 {
    0% {
        transform: translateX(150%);
    }

    1.33% {
        transform: translateX(-10%);
    }

    2.66% {
        transform: translateX(10%);
    }

    4.6% {
        transform: translateX(0%);
    }

    86.66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes scaleModal-b-k95ydytm61 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes intermitente-b-k95ydytm61 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    100% {
        transform: scale(1)
    }
}

.alerta_exito[b-k95ydytm61] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(96,95,95, .8);
    z-index: 110;
    margin: 0;
    padding: 0;
    text-align: center;
    animation: scaleModal-b-k95ydytm61 3s forwards;
}

.mensaje_alerta[b-k95ydytm61] {
    margin: 20vh auto;
    padding: 1vw;
    color: #FFF;
}

.alerta_exito_img[b-k95ydytm61] {
    animation: intermitente-b-k95ydytm61 5s infinite;
    margin: auto;
    font-size: 5rem;
    margin-bottom: 3rem;
}

.text_alerta[b-k95ydytm61] {
    font-size: 2rem;
    margin-bottom: 5rem;
}

.btn_alerta[b-k95ydytm61] {
    margin: auto;
    padding: 1vw;
    border: 2px solid rgba(56, 165, 188,1);
    border-radius: 30px;
    background-color: rgba(56, 165, 188,1);
    font-size: 2rem;
    color: #FFF;
    text-decoration: none;
}

    .btn_alerta:hover[b-k95ydytm61] {
        background-color: #fff;
        color: rgba(56, 165, 188,1);
    }

.cont_alerta_2[b-k95ydytm61] {
    position: absolute;
    display: flex;
    padding: 0;
    top: 25px;
    right: 10px;
    background-color: #FFAFAF;
    border-left: 7px solid #E60404;
    color: #AF2222;
    animation: showalert-b-k95ydytm61 30s forwards;
    border-radius: 5px;
}

.icon_alert_2[b-k95ydytm61] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
}

.alerta_2[b-k95ydytm61] {
    margin: 1vw;
}

@media screen and (max-width: 800px) {
    .correo_recuperar_password[b-k95ydytm61] {
        background: radial-gradient(circle at 70% 180%, rgba(56, 165, 188,1) 65%, rgba(241,241,241,0) 65%);
    }

    .container_correo_recuperar_password[b-k95ydytm61] {
        margin: 7vh 0;
        padding: 0;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .slogan[b-k95ydytm61] {
        font-size: 2rem;
    }

    .titulo[b-k95ydytm61] {
        font-size: 1.8rem;
    }

    .subtitulo[b-k95ydytm61] {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .error[b-k95ydytm61] {
        font-size: 1rem;
    }
}

@media screen and (max-width: 600px) {
    .correo_recuperar_password[b-k95ydytm61] {
        background: radial-gradient(circle at 50% 210%, rgba(56, 165, 188,1) 65%, rgba(241,241,241,0) 65%)
    }

    .container_correo_recuperar_password[b-k95ydytm61] {
        padding: 0;
        grid-template-columns: 1fr;
        gap: 6.5rem;
    }

    .img_correo[b-k95ydytm61] {
        display: none;
    }

    .slogan[b-k95ydytm61] {
        font-size: 2rem;
    }

    .titulo[b-k95ydytm61] {
        font-size: 1.8rem;
    }

    .subtitulo[b-k95ydytm61] {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .error[b-k95ydytm61] {
        font-size: 1rem;
    }
}
/* /Pages/VerificarPassword/EnviarCorreoPassword.razor.rz.scp.css */
.correo_recuperar_password[b-rpphavstgj] {
    position: relative;
    top: 74px;
    width: 100%;
    height: calc(100vh - 75px);
    margin: 0;
    padding: 1rem;
    background: radial-gradient(circle at 0% 0%, rgba(56, 165, 188,1) 55%, rgba(241,241,241,0) 55%);
    transition: all 3s ease;
}


.container_correo_recuperar_password[b-rpphavstgj] {
    margin: 15vh 0;
    padding: 2vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.col-container[b-rpphavstgj] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.img_correo[b-rpphavstgj] {
    width: 40vw;
    margin: auto;
}

.slogan[b-rpphavstgj] {
    font-size: 2.2rem;
    color: #fff;
    margin-bottom: 10px;
}

.Tituo_cont[b-rpphavstgj] {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0;
}

.titulo[b-rpphavstgj] {
    font-size: 2.2rem;
    color: #444;
    margin-bottom: 10px;
}

.subtitulo[b-rpphavstgj] {
    font-size: 1.8rem;
    color: #444;
    margin-bottom: 10px;
}

.intputs_content[b-rpphavstgj] {
    max-width: 380px;
    width: 100%;
    background-color: #f0f0f0;
    margin: 1rem auto;
    height: 55px;
    border-radius: 55px;
    display: grid;
    grid-template-columns: 15% 85%;
    padding: 0 0.4rem;
    position: relative;
}


    .intputs_content i[b-rpphavstgj] {
        text-align: center;
        line-height: 55px;
        color: #acacac;
        transition: 0.5s;
        font-size: 1.1rem;
    }

    .intputs_content input[b-rpphavstgj] {
        background: none;
        outline: none;
        border: none;
        line-height: 1;
        font-weight: 600;
        font-size: 1.1rem;
        color: #333;
    }

        .intputs_content input[b-rpphavstgj]::placeholder {
            color: #aaa;
            font-weight: 500;
        }

.boton_content[b-rpphavstgj] {
    width: 100%;
    text-align: center;
}

.btn_enviar[b-rpphavstgj] {
    background-color: rgba(56, 165, 188,1);
    border: 2px solid rgba(56, 165, 188,1);
    margin: auto;
    color: #FFF;
    border-radius: 30px;
    font-size: 1.5rem;
    padding: 0.8rem;
}

    .btn_enviar:hover[b-rpphavstgj] {
        background-color: #fff;
        color: rgba(56, 165, 188,1);
    }

@keyframes loadrotate-b-rpphavstgj {
    0% {
        transform: rotate(45deg);
    }

    10% {
        transform: rotate(90deg);
    }

    20% {
        transform: rotate(135deg);
    }

    30% {
        transform: rotate(180deg);
    }

    40% {
        transform: rotate(225deg);
    }

    50% {
        transform: rotate(270deg);
    }

    60% {
        transform: rotate(315deg);
    }

    70% {
        transform: rotate(360deg);
    }

    80% {
        transform: rotate(315deg);
    }

    90% {
        transform: rotate(360deg);
    }
}

.btn_enviar i[b-rpphavstgj] {
    animation: loadrotate-b-rpphavstgj 5s infinite;
}

.error[b-rpphavstgj] {
    color: red;
    font-size: 1rem;
    margin: auto;
}

@keyframes showalert-b-rpphavstgj {
    0% {
        transform: translateX(150%);
    }

    1.33% {
        transform: translateX(-10%);
    }

    2.66% {
        transform: translateX(10%);
    }

    4.6% {
        transform: translateX(0%);
    }

    86.66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.content_alert_na[b-rpphavstgj] {
    display: none;
}

.cont_alerta_1[b-rpphavstgj] {
    position: absolute;
    display: flex;
    padding: 0;
    top: 25px;
    right: 10px;
    background-color: #AEFFAE;
    border-left: 7px solid #1ECA1E;
    color: #268626;
    animation: showalert-b-rpphavstgj 30s forwards;
    border-radius: 5px;
}

.icon_alert_1[b-rpphavstgj] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
}

.alerta_1[b-rpphavstgj] {
    margin: 1vw;
}

.cont_alerta_2[b-rpphavstgj] {
    position: absolute;
    display: flex;
    padding: 0;
    top: 25px;
    right: 10px;
    background-color: #FFAFAF;
    border-left: 7px solid #E60404;
    color: #AF2222;
    animation: showalert-b-rpphavstgj 30s forwards;
    border-radius: 5px;
}

.icon_alert_2[b-rpphavstgj] {
    padding: 0;
    margin: 1.25vw 0 0 1vw;
}

.alerta_2[b-rpphavstgj] {
    margin: 1vw;
}


@media screen and (max-width: 800px) {
    .correo_recuperar_password[b-rpphavstgj] {
        background: radial-gradient(circle at 30% -80%, rgba(56, 165, 188,1) 65%, rgba(241,241,241,0) 65%);
    }

    .container_correo_recuperar_password[b-rpphavstgj] {
        margin: 7vh 0;
        padding: 0;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .slogan[b-rpphavstgj] {
        font-size: 2rem;
    }

    .titulo[b-rpphavstgj] {
        font-size: 1.8rem;
    }

    .subtitulo[b-rpphavstgj] {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .error[b-rpphavstgj] {
        font-size: 1rem;
    }
}

@media screen and (max-width: 600px) {
    .correo_recuperar_password[b-rpphavstgj] {
        background: radial-gradient(circle at 50% -110%, rgba(56, 165, 188,1) 65%, rgba(241,241,241,0) 65%)
    }

    .container_correo_recuperar_password[b-rpphavstgj] {
        margin: 4vh 0;
        padding: 0;
        grid-template-columns: 1fr;
        gap: 5rem;
    }

    .img_correo[b-rpphavstgj] {
        display: none;
    }

    .slogan[b-rpphavstgj] {
        font-size: 2rem;
    }

    .titulo[b-rpphavstgj] {
        font-size: 1.8rem;
    }

    .subtitulo[b-rpphavstgj] {
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .error[b-rpphavstgj] {
        font-size: 1rem;
    }

    .cont_alerta_1[b-rpphavstgj] {
        top: 12rem;
    }

    .cont_alerta_2[b-rpphavstgj] {
        top: 12rem;
    }
}
/* /Shared/DiaCalendarioLimpieza.razor.rz.scp.css */
.day_celd[b-e4v8aphw8r] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 1vw;
    border: 1px solid #808080;
    border-radius: 10px;
}

.day_content[b-e4v8aphw8r] {
    margin: 0;
    padding: .5vw;
}

.grid_limpieza[b-e4v8aphw8r] {
    display: grid;
    width: 100%;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(4, 1fr);
    gap: .5rem;
}

.col_lim[b-e4v8aphw8r] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    border: 1px solid gray;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
}

    .col_lim:hover[b-e4v8aphw8r] {
        background-color: #605f5fa7;
        transition: all .3s ease-in-out;
    }


.limpiar[b-e4v8aphw8r] {
    display: flex;
    margin: auto;
    padding: 0;
    text-align: center;
    color: orangered;
    font-size: 1.2rem;
}

.limpio[b-e4v8aphw8r] {
    display: flex;
    margin: auto;
    padding: 0;
    text-align: center;
    color: green;
    font-size: 1.2rem;
}

.cuarto[b-e4v8aphw8r] {
    color: black;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}

.error[b-e4v8aphw8r] {
    color: red;
    font-size: 1.5rem;
    margin: auto;
}
/*----Textos y colores*/
.titulo[b-e4v8aphw8r] {
    font-size: 3rem;
    margin: auto;
    text-align: center;
}

.text[b-e4v8aphw8r] {
    margin: auto;
    font-size: .8rem;
    text-align: center;
    color: #0D171F;
}

.subtitulo[b-e4v8aphw8r] {
    font-size: 2rem;
    margin: 0;
    text-align: center;
}

.text_1[b-e4v8aphw8r] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #605F5F;
}

.dia_text[b-e4v8aphw8r] {
    margin: 0;
    font-size: 1.5rem;
    text-align: center;
    color: #605F5F;
}

.dia_text_cel[b-e4v8aphw8r] {
    display: none;
}

.text-t[b-e4v8aphw8r] {
    margin: 0;
    font-size: .8rem;
    text-align: center;
    color: #38A5BC;
}

.color1[b-e4v8aphw8r] {
    color: darkgreen;
    text-align: center;
    margin: 0;
}

.color2[b-e4v8aphw8r] {
    color: darkorange;
    text-align: center;
    margin: 0;
}

/*---Submenus Acciones---*/
.no_visisble[b-e4v8aphw8r] {
    display: none;
}

.text_submenu[b-e4v8aphw8r] {
    font-size: 1rem;
    margin: auto;
}

.confirmacion_vista[b-e4v8aphw8r] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 3px 3px 6px #3e3e3ed0;
    z-index: 100;
    width: 10rem;
    text-align: center;
    bottom: 110%;
    left: -50%;
}

.content_confirmacion[b-e4v8aphw8r] {
    width: 100%;
    border-radius: 10px;
    color: black;
    padding: 5px 10px;
}

    .content_confirmacion:hover[b-e4v8aphw8r] {
        background-color: #38A5BC;
        color: #FFF;
    }

.seguandaAccion_vista[b-e4v8aphw8r] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #3e3e3ed0;
    z-index: 100;
}

.content_seugunda_accion[b-e4v8aphw8r] {
    width: 100%;
    border-radius: 10px;
    color: black;
    margin: 5px auto;
    padding: 5px 10px;
}

    .content_seugunda_accion:hover[b-e4v8aphw8r] {
        background-color: #38A5BC;
        color: #FFF;
    }

.reprogarmar_dia_list[b-e4v8aphw8r] {
    position: absolute;
    background-color: #FFF;
    border: 2px solid #0D171F;
    padding: 8px;
    border-radius: 5px;
    display: grid;
    box-shadow: 3px 3px 3px #3e3e3ed0;
    z-index: 100;
    grid-template-columns: repeat(3,1fr);
    gap: .3rem;
    bottom: 100%;
    left: 300%;
}

.dia_content[b-e4v8aphw8r] {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    border: 1px solid gray;
    color: black;
    margin: auto;
    padding: 5px 10px;
}

    .dia_content:hover[b-e4v8aphw8r] {
        background-color: #38A5BC;
        color: #FFF;
    }

@media screen and (max-width: 600px) {
    .day_celd[b-e4v8aphw8r] {
        padding: 1vw;
    }

    .day_content[b-e4v8aphw8r] {
        padding: .5vw;
    }

    .grid_limpieza[b-e4v8aphw8r] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1vh;
    }

    /*----Textos y colores*/

    .titulo[b-e4v8aphw8r] {
        font-size: 2.5rem;
    }

    .text[b-e4v8aphw8r] {
        font-size: .6rem;
    }

    .subtitulo[b-e4v8aphw8r] {
        font-size: 1.5rem;
    }

    .text_1[b-e4v8aphw8r] {
        font-size: .8rem;
    }

    .dia_text[b-e4v8aphw8r] {
        font-size: 1.5rem;
    }

    .dia_text_cel[b-e4v8aphw8r] {
        display: block;
        margin: 0;
        font-size: .6rem;
        text-align: center;
        color: #605F5F;
    }

    .text-t[b-e4v8aphw8r] {
        font-size: .6rem;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-mqhp8q98hb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-mqhp8q98hb] {
    flex: 1;
}

.sidebar[b-mqhp8q98hb] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-mqhp8q98hb] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-mqhp8q98hb]  a, .top-row[b-mqhp8q98hb]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-mqhp8q98hb]  a:hover, .top-row[b-mqhp8q98hb]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-mqhp8q98hb]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-mqhp8q98hb] {
        display: none;
    }

    .top-row.auth[b-mqhp8q98hb] {
        justify-content: space-between;
    }

    .top-row[b-mqhp8q98hb]  a, .top-row[b-mqhp8q98hb]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-mqhp8q98hb] {
        flex-direction: row;
    }

    .sidebar[b-mqhp8q98hb] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-mqhp8q98hb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-mqhp8q98hb]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-mqhp8q98hb], article[b-mqhp8q98hb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MenuAdministrador.razor.rz.scp.css */
*[b-mwxl0ocuub] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.sidebar[b-mwxl0ocuub] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 85px;
    background: #11101D;
    padding: 6px 14px;
    z-index: 99;
    transition: all 0.5s ease;
}

    .sidebar.open[b-mwxl0ocuub] {
        width: 250px;
    }

.icon[b-mwxl0ocuub] {
    width: 50px;
    height: 50px;
    padding: 8px 5px;
    background-color: #fff;
    border-radius: 50%;
    text-decoration: none;
}

.sidebar .logo-details[b-mwxl0ocuub] {
    height: 65px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    position: relative;
}

    .sidebar .logo-details .logo_name[b-mwxl0ocuub] {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        opacity: 0;
        transition: all 0.5s ease;
    }

.sidebar.open .logo-details .logo_name[b-mwxl0ocuub] {
    opacity: 1;
    margin-top: 5px;
}

.sidebar .logo-details .icon[b-mwxl0ocuub] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 22px;
    transition: all 0.4s ease;
    font-size: 23px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s ease;
}

.sidebar.open .logo-details .icon[b-mwxl0ocuub] {
    text-align: right;
    transform: translateY(-55%);
}

.sidebar i[b-mwxl0ocuub] {
    color: #fff;
    height: 60px;
    min-width: 50px;
    font-size: 28px;
    text-align: center;
    line-height: 60px;
}

.sidebar .nav-list[b-mwxl0ocuub] {
    margin-top: 20px;
    height: 100%;
}

.sidebar li[b-mwxl0ocuub] {
    position: relative;
    margin: 8px 0;
    list-style: none;
}

    .sidebar li .tooltip[b-mwxl0ocuub] {
        position: absolute;
        top: -20px;
        left: calc(100% + 15px);
        z-index: 3;
        background: #fff;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
        padding: 6px 12px;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 400;
        opacity: 0;
        white-space: nowrap;
        pointer-events: none;
        transition: 0s;
    }

    .sidebar li:hover .tooltip[b-mwxl0ocuub] {
        opacity: 1;
        pointer-events: auto;
        transition: all 0.4s ease;
        top: 50%;
        transform: translateY(-50%);
    }

.sidebar.open li .tooltip[b-mwxl0ocuub] {
    display: none;
}

.sidebar input[b-mwxl0ocuub] {
    font-size: 15px;
    color: #FFF;
    font-weight: 400;
    outline: none;
    height: 50px;
    width: 100%;
    width: 50px;
    border: none;
    border-radius: 12px;
    transition: all 0.5s ease;
    background: #1d1b31;
}

.sidebar.open input[b-mwxl0ocuub] {
    padding: 0 20px 0 50px;
    width: 100%;
}

.sidebar .oi-magnifying-glass[b-mwxl0ocuub] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 22px;
    background: #1d1b31;
    color: #FFF;
}

.sidebar.open .oi-magnifying-glass:hover[b-mwxl0ocuub] {
    background: #1d1b31;
    color: #FFF;
}

.sidebar .oi-magnifying-glass:hover[b-mwxl0ocuub] {
    background: #FFF;
    color: #11101d;
}

.sidebar li a[b-mwxl0ocuub] {
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    align-items: center;
    text-decoration: none;
    transition: all 0.4s ease;
    background: #11101D;
}

    .sidebar li a:hover[b-mwxl0ocuub] {
        background: #FFF;
    }

    .sidebar li a .links_name[b-mwxl0ocuub] {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: 0.4s;
    }

.sidebar.open li a .links_name[b-mwxl0ocuub] {
    opacity: 1;
    pointer-events: auto;
}

.sidebar li a:hover .links_name[b-mwxl0ocuub],
.sidebar li a:hover i[b-mwxl0ocuub] {
    transition: all 0.5s ease;
    color: #11101D;
}

.sidebar li i[b-mwxl0ocuub] {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 12px;
}

.sidebar.open ~ .home-section[b-mwxl0ocuub] {
    left: 250px;
    width: calc(100% - 250px);
}

@media (max-width: 500px) {
    .sidebar li .tooltip[b-mwxl0ocuub] {
        display: none;
    }

    .sidebar[b-mwxl0ocuub] {
        position: fixed;
        left: -85px;
        transition: all 0.5s ease;
    }

        .sidebar.open[b-mwxl0ocuub] {
            position: fixed;
            width: 250px;
            left: 0;
        }
}
/* /Shared/NavBarAdministrador.razor.rz.scp.css */
*[b-05yuuirvaq] {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style-type: none;
    text-decoration: none;
}

.fondo[b-05yuuirvaq] {
    background-color: #0D171F;
    border-radius: 41px 0 0 41px;
    position: absolute;
    top: 0;
    width: 10rem;
    height: 82px;
    left: calc(100% - 10rem);
    z-index: 200;
    transition-duration: 0.4s;
}

.main_sidebar[b-05yuuirvaq] {
    padding: .3rem 1rem;
    background-color: #38A5BC;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: 85px;
    width: calc(100% - 85px);
    transition: all 0.5s ease;
    z-index: 100;
}

.main_sidebar_open[b-05yuuirvaq] {
    display: flex;
    padding: .3rem 1rem;
    background-color: #38A5BC;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: 250px;
    width: calc(100% - 250px);
    transition: all 0.5s ease;
    z-index: 100;
}

header h2[b-05yuuirvaq] {
    color: #EEE;
    font-size: 2rem;
}

header label i[b-05yuuirvaq] {
    font-size: 2rem;
    padding-right: 1rem;
}

ul[b-05yuuirvaq] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.bd-grid[b-05yuuirvaq] {
    display: grid;
    gap: 1.5rem;
}

img[b-05yuuirvaq] {
    max-width: 100%;
    height: auto;
}

.bd-container[b-05yuuirvaq] {
    max-width: 100%;
    width: calc(100% - 2rem);
    color: #fff;
    padding: 0;
    margin: 0;
}

.l-header[b-05yuuirvaq] {
    width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    background-color: #0D171F;
    color: #fff;
    transition: all .4s ease;
    box-shadow: 0 6px 11px rgba(0,0,0,.3);
}

.nav[b-05yuuirvaq] {
    min-width: 100%;
    height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 300;
    margin: 0;
}

.nav_menu[b-05yuuirvaq] {
    margin: 0;
}

.color_second[b-05yuuirvaq] {
    position: relative;
    z-index: 300;
    margin: 0;
    text-align: center;
    min-width: 8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    align-content: center;
}

.sub_menu[b-05yuuirvaq] {
    display: none;
    position: absolute;
    min-width: 150px;
    border: 1px solid #fff;
    border-radius: 20px;
    background-color: #0D171F;
    padding: 10px;
    right: -.5rem;
}

    .sub_menu li:hover[b-05yuuirvaq] {
        background-color: #152836;
    }

.version[b-05yuuirvaq] {
    color: #FFF;
    font-size: 1vw;
}

.btn_sub_menu[b-05yuuirvaq] {
    border: none;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0,0,0,0);
    display: inline-block;
}

.show_sub_menu[b-05yuuirvaq] {
    display: block;
}

.text[b-05yuuirvaq] {
    text-decoration: none;
    color: #fff;
    margin: auto;
}

@media screen and (max-width: 853px) {
    .nav__menu[b-05yuuirvaq] {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        padding: 1.5rem 0 1rem;
        text-align: center;
        background-color: #0D171F;
        transition: .4s;
        box-shadow: 0 4px 4px rgba(0,0,0,.1);
        border-radius: 0 0 1rem 1rem;
        z-index: 150;
    }

    .sub_menu[b-05yuuirvaq] {
        right: 7rem;
        background-color: #38A5BC;
    }

        .sub_menu li:hover[b-05yuuirvaq] {
            background-color: #3EBAD2;
        }

    .fondo[b-05yuuirvaq] {
        width: 5rem;
        left: calc(100% - 5rem);
        border-radius: 2.5rem 0 0 2.5rem;
    }

    .nav[b-05yuuirvaq] {
        height: 72px;
    }
}

.select_flag[b-05yuuirvaq] {
    background-color: #38A5BC;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 2px;
    color: #fff;
}

.img_flag[b-05yuuirvaq] {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.nav__item[b-05yuuirvaq] {
    margin-bottom: 1rem;
    margin-right: 0;
    padding-top: 5px;
}


.nav__link[b-05yuuirvaq], .nav__logo[b-05yuuirvaq], .nav__toggle[b-05yuuirvaq] {
    color: #fff;
    font-weight: 500;
}

    .nav__logo:hover[b-05yuuirvaq] {
        color: #fff;
    }

.nav__link[b-05yuuirvaq] {
    transition: .3s;
    min-width: 57rem;
    color: #fff;
    margin: 0;
    align-items: center;
}

    .nav__link:hover[b-05yuuirvaq] {
        color: #fff;
    }

.nav__toggle[b-05yuuirvaq] {
    font-size: 1.3rem;
    cursor: pointer;
    position: relative;
    z-index: 300;
}

/* Show menu */
.show-menu[b-05yuuirvaq] {
    top: 82px;
    left: 85px;
    width: calc(100% - 85px);
    background-color: #38A5BC;
    transition: all 0.5s ease;
}

.show-menu-open[b-05yuuirvaq] {
    top: 82px;
    left: 250px;
    width: calc(100% - 250px);
    background-color: #38A5BC;
    transition: all 0.5s ease;
}

/* Active menu */
.active-link[b-05yuuirvaq] {
    color: #fff;
}

@media screen and (min-width: 853px) {
    body[b-05yuuirvaq] {
        margin: 0;
    }

    .nav[b-05yuuirvaq] {
        margin: 0;
    }

    .bd-container[b-05yuuirvaq] {
        margin: 0;
    }

    .section[b-05yuuirvaq] {
        padding-top: 8rem;
    }

    .nav__list[b-05yuuirvaq] {
        display: flex;
    }

    .nav__item[b-05yuuirvaq] {
        margin-left: 2.5rem;
        margin-bottom: 0;
    }

    .nav__toggle[b-05yuuirvaq] {
        display: none;
    }

    .show-menu-open[b-05yuuirvaq] {
        top: 82px;
        left: 85px;
        width: calc(100% - 85px);
        background-color: #38A5BC;
        transition: all 0.5s ease;
    }
}

@media screen and (min-width: 960px) {
    .bd-container[b-05yuuirvaq] {
        margin: 0;
    }

    .nav[b-05yuuirvaq] {
        margin: 0;
    }
}

@media screen and (max-width: 600px) {
    .main_sidebar[b-05yuuirvaq] {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .main_sidebar_open[b-05yuuirvaq] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .show-menu[b-05yuuirvaq] {
        top: 82px;
        left: 0;
        width: 100%;
    }

    .show-menu-open[b-05yuuirvaq] {
        top: 82px;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    header h2[b-05yuuirvaq] {
        font-size: 3vh;
    }

    header label i[b-05yuuirvaq] {
        font-size: 4vh;
    }

    .version[b-05yuuirvaq] {
        font-size: 2vw;
    }
}

@media screen and (max-width: 285px) {
    .nav__logo[b-05yuuirvaq] {
        font-size: 2.5vh;
    }

    .version[b-05yuuirvaq] {
        color: #FFF;
        font-size: 1.5vw;
    }
}
/* /Shared/NavBarClientes.razor.rz.scp.css */
h1[b-1rxugxolx6], h2[b-1rxugxolx6], h3[b-1rxugxolx6], p[b-1rxugxolx6], ul[b-1rxugxolx6] {
    margin: 0;
}

ul[b-1rxugxolx6] {
    padding: 0;
    margin: 0;
    list-style: none;
}

.bd-grid[b-1rxugxolx6] {
    display: grid;
    gap: 1.5vw;
}

img[b-1rxugxolx6] {
    max-width: 100%;
    height: auto;
}

.bd-container[b-1rxugxolx6] {
    max-width: 100%;
    width: calc(100% - 2rem);
    color: #fff;
    padding: 0;
    margin: 0;
}

.fondo[b-1rxugxolx6] {
    background-color: #38A5BC;
    border-radius: 3.6vw 0 0 3.6vw;
    position: absolute;
    width: 15vw;
    height: 10.2vh;
    left: calc(100% - 14vw);
    z-index: 200;
    transition-duration: 0.4s;
}

.text_mini_desck[b-1rxugxolx6]{
    display: none;
}

.text_mini_movil[b-1rxugxolx6] {
    display: block;
    margin: auto;
    font-size: 1vw;
    color: #0D171F;
    margin-left: 1vw;
    text-align: center;
    text-decoration: none;
}

.box_user[b-1rxugxolx6] {
    min-width: 10vw;
}

.fondo_img[b-1rxugxolx6] {
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    width: 15vw;
    height: 15vw;
    top: -5vw;
    left: -2vw;
    z-index: 200;
    transition-duration: 0.4s;
    box-shadow: 0 6px 11px rgba(0,0,0,.3);
}

.l-header[b-1rxugxolx6] {
    width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    background-color: #0D171F;
    color: #fff;
    transition: all .4s ease;
    box-shadow: 0 6px 11px rgba(0,0,0,.3);
}

.header_img[b-1rxugxolx6] {
    width: 9vw;
    padding: 0;
    margin-left: 3.5vw;
    margin-top: 6vw;
    position: relative;
    z-index: 300;
}

.nav__logo[b-1rxugxolx6] {
    margin-left: 15vw;
    text-decoration: none;
}

.logo_titulo[b-1rxugxolx6] {
    max-width: 35vw;
    margin-right: 0;
    font-size: 1.5vw;
}

.nav[b-1rxugxolx6] {
    min-width: 100%;
    height: 10.2vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 300;
    margin: 0;
}

.nav_menu[b-1rxugxolx6] {
    margin: 0;
}

.color_second[b-1rxugxolx6] {
    position: relative;
    z-index: 300;
    margin: 0;
    text-align: center;
    min-width: 13vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    align-content: center;
}

.sub_menu[b-1rxugxolx6] {
    display: none;
    position: absolute;
    min-width: 15vw;
    border: 1px solid #fff;
    border-radius: 2vw;
    background-color: #38A5BC;
    padding: 1vw;
    right: 1.5vw;
}

    .sub_menu li:hover[b-1rxugxolx6] {
        background-color: #6BD8EE;
    }

.btn_sub_menu[b-1rxugxolx6] {
    border: none;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0,0,0,0);
    display: inline-block;
}

.show_sub_menu[b-1rxugxolx6] {
    display: block;
}

.content_whts[b-1rxugxolx6] {
    position: fixed;
    right: 0;
    top: 70%;
    border-radius: 10rem 0 0 10rem;
    background-color: rgba(56, 165, 188, 1);
    padding: 1.5vw;
    z-index: 800;
    width: 8vw;
    box-shadow: 6px 6px 9px rgb(28 28 28 / 60%);
    transition: all .3s ease;
}

    .content_whts:hover[b-1rxugxolx6] {
        width: 16vw;
    }

    .content_whts img[b-1rxugxolx6] {
        margin: 0;
        width: 4vw;
        transition: all .5s ease;
    }

.action_wts[b-1rxugxolx6] {
    display: flex;
    text-decoration: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

.content_whts:hover .text_wts[b-1rxugxolx6] {
    display: block;
    color: #FFF;
    font-size: 1.8vw;
    margin: auto 1rem;
}

.text_wts[b-1rxugxolx6] {
    display: none;
}

.text_wts_mini[b-1rxugxolx6] {
    font-size: 1vw;
    margin: auto;
}

@media screen and (max-width: 1000px) {
    .nav__menu[b-1rxugxolx6] {
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        padding: 1.5rem 0 1rem;
        text-align: center;
        background-color: #0D171F;
        transition: .4s;
        box-shadow: 0 4px 4px rgba(0,0,0,.1);
        border-radius: 0 0 1rem 1rem;
        z-index: 150;
    }

    .sub_menu[b-1rxugxolx6] {
        right: 15rem;
        background-color: #0D171F;
    }

        .sub_menu li:hover[b-1rxugxolx6] {
            background-color: #1C2C37;
        }

    .fondo[b-1rxugxolx6] {
        width: 5rem;
        left: calc(100% - 5rem);
        border-radius: 1.5rem 0 0 1.5rem;
    }

    .nav[b-1rxugxolx6] {
        height: 10vh;
    }
}

.select_flag[b-1rxugxolx6] {
    background-color: #0D171F;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 2px;
    color: #f2f2f2;
}

.img_flag[b-1rxugxolx6] {
    height: 3vw;
    width: 3vw;
    border-radius: 50%;
}

.nav__item[b-1rxugxolx6] {
    margin-bottom: 1rem;
    margin-right: 0;
    padding-top: .5vw;
}


.nav__link[b-1rxugxolx6], .nav__logo[b-1rxugxolx6], .nav__toggle[b-1rxugxolx6] {
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

    .nav__logo:hover[b-1rxugxolx6] {
        color: #fff;
    }

.nav__link[b-1rxugxolx6] {
    position: relative;
    transition: .3s;
    min-width: 57rem;
    color: #fff;
    margin: 0;
    align-items: center;
}

    .nav__link:hover[b-1rxugxolx6] {
        color: #fff;
    }

.popper[b-1rxugxolx6] {
    position: absolute;
    width: 13rem;
    bottom: 10rem;
    right: 0;
    border-radius: 10px 0 10px 10px;
    animation: inicio-b-1rxugxolx6 15s ease;
    animation-delay: 1s;
    padding: .5rem;
    margin: 0;
    background-color: #FFF;
    opacity: 0;
    box-shadow: 4px 4px 5px #808080;
}

.pico_cont[b-1rxugxolx6] {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.pico[b-1rxugxolx6] {
    position: absolute;
    top: -17px;
    right: 10px;
    width: 0;
    height: 0;
    border: 0 10px 10px 20px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}

.text_popper[b-1rxugxolx6] {
    color: #0D171F;
    font-size: 1vw;
    margin: 0;
}

@keyframes inicio-b-1rxugxolx6 {
    0% {
        bottom: auto;
        transform: translateY(-10px);
    }

    10% {
        transform: translateY(10px);
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    95% {
        opacity: 0;
    }

    100% {
        bottom: 10rem;
    }
}

.nav__toggle[b-1rxugxolx6] {
    margin-right: 2rem;
    font-size: 3.3vh;
    cursor: pointer;
    position: relative;
    z-index: 300;
}

/* Show menu */
.show-menu[b-1rxugxolx6] {
    top: 3rem;
    background-color: #0D171F;
}

/* Active menu */
.active-link[b-1rxugxolx6] {
    color: #fff;
}

@media screen and (min-width: 1000px) {
    body[b-1rxugxolx6] {
        margin: 0;
    }

    .nav[b-1rxugxolx6] {
        margin: 0;
    }

    .bd-container[b-1rxugxolx6] {
        margin: 0;
    }

    .section[b-1rxugxolx6] {
        padding-top: 8vw;
    }

    .nav__list[b-1rxugxolx6] {
        display: flex;
    }

    .nav__item[b-1rxugxolx6] {
        margin-left: 2.5vw;
        margin-bottom: 0;
        font-size: 1.5vw;
    }

    .nav__toggle[b-1rxugxolx6] {
        display: none;
    }
}

@media screen and (min-width: 1100px) {
    .bd-container[b-1rxugxolx6] {
        margin: 0;
    }

    .nav[b-1rxugxolx6] {
        margin: 0;
    }
}

@media screen and (min-width: 1800px) {
    .nav__item[b-1rxugxolx6] {
        margin-left: 1.5vw;
        margin-bottom: 0;
        margin-right: 2vw;
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 880px) {

    .fondo_img[b-1rxugxolx6] {
        width: 22vw;
        height: 22vw;
    }

    .nav__logo[b-1rxugxolx6] {
        margin-left: 22vw;
    }

    .header_img[b-1rxugxolx6] {
        width: 16vw;
    }
}

@media screen and (max-width: 550px) {
    .content_whts[b-1rxugxolx6] {
        top: 70%;
        padding: 1rem;
        width: 4rem;
    }

        .content_whts img[b-1rxugxolx6] {
            width: 2rem;
        }

        .content_whts:hover[b-1rxugxolx6] {
            width: 10rem;
        }

            .content_whts:hover .text_wts[b-1rxugxolx6] {
                font-size: 1rem;
            }

    .text_wts_mini[b-1rxugxolx6] {
        font-size: .7rem;
    }

    .logo_titulo[b-1rxugxolx6] {
        font-size: 1.5vh;
        text-align: center;
    }

    .fondo_img[b-1rxugxolx6] {
        top: -5vh;
        left: -4vh;
        width: 20vh;
        height: 20vh;
    }

    .nav__logo[b-1rxugxolx6] {
        margin-left: 18vh;
    }

    .header_img[b-1rxugxolx6] {
        width: 13vh;
        margin-left: 5vh;
        margin-top: 6.5vh;
    }

    .img_flag[b-1rxugxolx6] {
        height: 4vh;
        width: 4vh;
        border-radius: 50%;
    }

    .sub_menu[b-1rxugxolx6] {
        right: 10vh;
    }

    .text_popper[b-1rxugxolx6] {
        font-size: 1rem;
    }

    .nop[b-1rxugxolx6] {
        display: none;
    }

    .text_mini_desck[b-1rxugxolx6] {
        display: none;
    }

    .text_mini_movil[b-1rxugxolx6] {
        display: block;
        margin: auto;
        font-size: .6rem;
        color: #0D171F;
        text-align: center;
        margin-left: 1.2rem;
        text-decoration: none;
    }
}

@media screen and (max-width: 285px) {

    .fondo_img[b-1rxugxolx6] {
        top: -5vw;
        left: -5vw;
        width: 36vw;
        height: 36vw;
    }

    .header_img[b-1rxugxolx6] {
        width: 10vh;
        margin-left: 3.5vh;
        margin-top: 5vh;
    }

    .text_popper[b-1rxugxolx6] {
        font-size: 1.5vh;
    }

    .nav__logo[b-1rxugxolx6] {
        margin-left: 15vh;
    }
}
/* /Shared/PaantallaError.razor.rz.scp.css */
.container[b-rhx7c4y2bj] {
    width: 100%;
    min-width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 3% 6%, rgba(56, 165, 188,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 90% 80%, rgba(56, 165, 188,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 20% 80%, rgba(56, 165, 188,.5) 10%, rgba(255,255,255,0) 10%), radial-gradient(circle at 70% 30%, rgba(56, 165, 188,.5) 10%, rgba(255,255,255,0) 10%);
    -webkit-font-smoothing: antialiased;
}

.content_error[b-rhx7c4y2bj] {
    margin: auto;
    justify-content: center;
}

.anim_css[b-rhx7c4y2bj] {
    width: 40vw;
    padding: 0 3rem;
    margin: 0 auto;
}

.mensaje[b-rhx7c4y2bj] {
    text-align: center;
    padding: 1rem;
}

.ms_text[b-rhx7c4y2bj] {
    font-family: sans-serif;
    font-size: 2vw;
    color: #38A5BC;
}

.btn_error[b-rhx7c4y2bj] {
    width: 20vw;
    margin: auto;
    padding: 1rem;
    background-color: #38A5BC;
    border: 2px solid #FFF;
    border-radius: 35px;
    text-align: center;
}

    .btn_error:hover[b-rhx7c4y2bj] {
        background-color: #FFF;
        border: 2px solid #38A5BC;
        border-radius: 30px;
        color: #38A5BC;
    }

.regresar[b-rhx7c4y2bj] {
    font-family: sans-serif;
    font-size: 2vw;
    color: #FFF;
}

.btn_error:hover .regresar[b-rhx7c4y2bj] {
    color: #38A5BC;
}


@media screen and (max-width: 700px) {

    .content_error[b-rhx7c4y2bj] {
        align-items: center;
    }

    .anim_css[b-rhx7c4y2bj] {
        width: 40vh;
    }

    .ms_text[b-rhx7c4y2bj] {
        font-size: 2vh;
    }

    .btn_error[b-rhx7c4y2bj] {
        width: 20vh;
    }

    .regresar[b-rhx7c4y2bj] {
        font-size: 2vh;
    }
}