@font-face {
    font-family: opensans-semibold;
    src: url(/activos/fuentes/Open_Sans/static/OpenSans-SemiBold.ttf) format('truetype');
    font-style: normal;
    font-display: block;

}


main *:not(.sobreControlAnimacionGlobal):not(.sobreControlAnimacionGlobal *) {
    transition: scale 250ms ease-in-out;

    @starting-style {
        scale: 0;
    }
}

select {
    appearance: none;
    outline: none;
    border: none;
}

input,
select,
textarea {
    padding: 14px;
    border-radius: 16px;
    cursor: default;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: rgb(255 255 255 / 0.3);
    appearance: none;
    outline: none;
}

textarea {
    resize: vertical;

}

.textAreaRedimenzionHorizontal {
    resize: vertical;
}


[ui=global] .plaza_marcoError_seccion {
    display: flex;
    padding: 10px;
}

.marcoElasticoError {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 6px;
    gap: 6px;
    max-width: 1080px;
}

.marcoElasticoCarga {
    display: flex;
    flex-direction: column;
    padding: 6px;
    gap: 6px;
    max-width: 1080px;
    align-items: center;
}

details {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 14px;
}

details>summary {
    cursor: default;
    transition: all 150ms ease-out !important;
    user-select: none;
    -webkit-user-select: none;
}

details[open]>summary {
    margin-bottom: 6px;
}

summary {
    border-radius: 10px;
    display: list-item;
}

summary:hover {
    background: rgba(255, 255, 255, 0.5);
}

.negrita {
    font-weight: bolder;
}



.colorGris {
    color: grey;
}

.colorGrisV1 {
    color: rgb(94, 94, 94);
}

.colorNaranja {
    color: #ff8f00
}

.colorAzul {
    color: #005eca
}

.colorBlanco {
    color: white
}

.marcoElastico {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    justify-content: space-between;
    align-content: center;
    gap: 16px;
    flex-wrap: nowrap;
}

.marcoMes {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

.dia {
    text-align: right;
    font-size: 15px;
    padding: 10px;
    font-weight: bold;
    border-radius: 10px;
    border: 3px solid transparent;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    scale: 1;
    background-color: rgba(0, 0, 0, 0.1);

    @starting-style {
        scale: 0;
    }
}

.dia:hover {
    background-color: rgb(108 167 255 / 40%);
}

.reservaInformacion {
    font-weight: bold;
    background-color: rgba(249, 255, 255, 0.252);
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 10px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    user-select: none;
    -webkit-user-select: none;
    transition: all 500ms;
    cursor: default;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.marcoAlojamiento {
    font-weight: bold;
    background-color: rgba(249, 255, 255, 0.252);
    line-height: 40px;
    border-radius: 20px;
    width: 500px;
    margin-bottom: 0px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    user-select: none;
    -webkit-user-select: none;
    transition: all 500ms;
    cursor: default;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: center;
    padding-top: 10px;
    width: 500px;
    padding-left: 10px;
    padding-right: 10px;
}

.nombreDia {
    font-weight: bold;
    padding: 8px;
    text-align: center;
    pointer-events: none;
    align-items: center;
    justify-content: center;
}

@media (max-width: 720px) {
    .nombreDia[tipoNombreDia=extendido] {
        display: none;
    }

    .nombreDia[tipoNombreDia=abreviado] {
        display: flex;
    }

    .calendario {
        border-radius: 14px;
    }

    .dia {
        padding: 8px;
        margin: 2px;
    }
}

@media (min-width: 720px) {
    .nombreDia[tipoNombreDia=extendido] {
        display: flex;
    }

    .nombreDia[tipoNombreDia=abreviado] {
        display: none;
    }

    .calendario {
        border-radius: 20px;
    }
}

.calendarioNuevo {
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    width: fit-content;
    background-color: rgba(249, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 20px;
    pointer-events: all;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 10px;
    gap: 10px;
    max-width: 1280px;
    scale: 1;
    transition: all 250ms linear;

    @starting-style {
        scale: 0;
    }
}


.bloqueCalendarioNuevo {
    position: absolute;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    z-index: 1000;
    overflow: auto;
    padding: 30px;
    pointer-events: none;
}


@media (max-width: 720px),
(max-height: 600px) {
    .bloqueCalendarioNuevo {
        padding: 0px;
        position: fixed;
        height: 100%;
    }

    .calendarioNuevo {
        border-radius: 0px;
        flex: 1;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    }

    .calendarioFlotante {
        padding: 0px;
        top: 0px !important;
    }

    .marcoMes {
        flex: 1;
        gap: 4px;
    }

    .mostrarSoloEnResponsivo {
        display: flex;
    }
}

.calendarioIncrustado {
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    width: fit-content;
    background-color: rgba(249, 255, 255, 0.252);
    transform: all 250ms;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    border-radius: 20px;
    pointer-events: all;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 10px;
    gap: 10px;
}

.navegacionMes {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.botonNavegacionMes {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: rgb(37 37 37 / 0.2);
    border-radius: 10px;
    transition: all 500ms;
    opacity: 0;
    pointer-events: none;
}

.botonNavegacionMes:hover {
    background-color: rgb(37 37 37 / 0.8);
    color: white;
}

.navegacionMesReferencia {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.cartelInfoCalendarioEstado {
    background-color: rgb(255 255 255 / 50%);
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

.sombraCompartida {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
}

.tituloApartamento {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-start;
}

.paddingLateral50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.paddingLateral6 {
    padding-left: 6px;
    padding-right: 6px;
}


.paddingLateral10 {
    padding-left: 10px;
    padding-right: 10px;
}

.paddingLateral14 {
    padding-left: 14px;
    padding-right: 14px;
}

.paddingLateral12 {
    padding-left: 12px;
    padding-right: 12px;
}

.paddingLateral16 {
    padding-left: 16px;
    padding-right: 16px;
}


.paddingLateral18 {
    padding-left: 18px;
    padding-right: 18px;
}

.paddingLateral20 {
    padding-left: 20px;
    padding-right: 20px;
}

.paddingLateral80 {
    padding-left: 80px;
    padding-right: 80px;
}

.paddingLateral22 {
    padding-left: 22px;
    padding-right: 22px;
}

.paddingLateral24 {
    padding-left: 24px;
    padding-right: 24px;
}

.paddingVertical10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.paddingVertical14 {
    padding-top: 14px;
    padding-bottom: 14px;
}
.paddingBottom4 {
    padding-bottom: 4px;
}
.paddingTop4 {
    padding-top: 4px;
}


.invisibleInicial {
    visibility: hidden;
}

.marcoElasticoRelativo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
    padding: 12px;
    gap: 6px;
}

.bloqueHorizontalMaximo720 {
    display: flex;
    gap: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: stretch;
    justify-content: center;
}



[contenedor="filtrosOrden"] {
    display: grid;
    justify-items: end;
    grid-template-rows: 0fr;
    transition: all 250ms linear !important;
    overflow: hidden;
}

[contenedor="filtrosOrden"]>div {
    overflow: hidden;
}

[contenedor="tarjetas"] {
    display: none;
}

@media (max-width: 720px) {
    [nombreColumna="telefono"] {
        display: none;
    }

    .administracionGridUsuarios {
        grid-template-columns: auto auto auto auto auto auto;
    }

    [zonaCSS="administracion/ofertas"] .ofertaUIContenedorDetalles {
        flex-direction: row;
        justify-content: space-around;
    }
}

@media (max-width: 620px) {
    [nombreColumna="mail"] {
        display: none;
    }

    .administracionGridUsuarios {
        grid-template-columns: auto auto auto auto auto;
    }
}

.administracionReservasFila {
    display: contents;
    text-decoration: none;
    color: black;
    user-select: none;
    cursor: default;
}

.administracionReservasFila:hover>div {
    background-color: #0040ff;
    color: white;
}





/*c*/
.administracionReservaDetallesBuscadorRapidoBloqueCliente {
    padding: 6px;
    transition: all 250ms;
}

/*c*/
.administracionReservaDetallesBuscadorRapidoBloqueCliente:hover {
    background: rgba(255, 255, 255, 0.6);
}

/*c*/
.administracionReservaDetallesBuscadorRapidoBloqueClienteFilaNombre {
    margin: 0;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    pointer-events: none;
}

/*c*/
.administracionReservaDetallesBuscadorRapidoBloqueClienteFilaPasaporte {
    margin: 0;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    pointer-events: none;
}

.administracionReservaDetallesPropuedaCambioClientePoolpasaportePropuesta {
    padding-left: 6px;
    padding-right: 6px;
    margin: 0px;
}

.reservaDetallesCambioPernoctante {
    background: #4700ff;
    padding: 14px;
    text-align: center;
    font-weight: bold;
    border-radius: 7px;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    color: white;
}

.reservaDetallesCambioPernoctante:hover {
    color: white;
    background: rgb(17, 17, 17);
}

.errorUI {
    background: rgba(255, 255, 255, 0.0);
    position: fixed;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    top: 0px;
    left: 0px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    user-select: none;
    cursor: default;
    z-index: 500;
}

.advertenciaInmersiva {
    background: #a5a5a500;
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    cursor: default;
    top: 0px;
    z-index: 99;
    left: 0px;

}

.advertenciaInmersiva .titulo {
    font-size: 20px;
    font-weight: bold;
    margin: 4px;
    text-align: center;
}

.advertenciaInmersiva .mensajeUI {
    margin: 0px;
    padding: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advertenciaInmersiva .boton {
    background: #00000036;
    padding: 12px;
    border-radius: 12px;
    text-align: center;
}

.advertenciaInmersiva .boton:hover {
    background: #0044ff;
    color: white;
}

.advertenciaInmersivaSuperpuesta {
    background: #a5a5a500;
    position: fixed;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    top: 0px;
    user-select: none;
    cursor: default;
    z-index: 100;
    left: 0px;
}

.errorInfo {
    padding: 10px;
    border-radius: 10px;
}

.advertenciaInfoFlujoPago {
    padding: 14px;
    text-align: justify;
}

.blur {
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.botonV1AdvertenciaInmersiva {
    background-color: rgba(255, 255, 255, 0.3);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 10px;
}

.botonV1AdvertenciaInmersiva:hover {
    background: rgb(18, 53, 255);
    color: white
}

.calendarioDiaDisponible {
    color: black;
    background: #00e13c67;
    border: 3px solid transparent;
}

.calendarioDiaReservaLimite {
    color: rgb(183, 183, 183);
    background: rgb(54, 54, 54);
    border: 3px solid transparent;
    pointer-events: none;
}

.calendarioDiaParcial {
    background: rgb(249, 206, 65);
    border: 3px solid transparent;
}

.calendarioDiaReserva {
    color: white;
    background: rgb(24, 0, 245);
    border: 3px solid transparent;
}

.calendarioDiaNoDisponible {
    background: rgb(148, 148, 148);
    border: 3px solid transparent;
    pointer-events: none;
}

.calendarioDiaNoDisponiblePorAntelacion {
    background: rgb(148, 148, 148) !important;
    border: 3px solid transparent;
    color: black !important;
    pointer-events: none;
}

.calendarioDiaCompleto {
    background: rgb(249, 65, 65);
    border: 3px solid transparent;
}

/*AQUI*/
.calendarioDiaSeleccionado {
    color: white !important;
    background: #000000 !important;
    border: 3px solid transparent !important;
}

[contenedor="financiero"] .contenedorTotalesNocheDescuentos {
    border-radius: 12px;
    gap: 6px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6px;
    border: 1px solid #8080809c;
}

[contenedor="financiero"] .contenedorDescuentosPorApartamento {
    border-radius: 6px;
    gap: 6px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6px;
    border: 1px solid #8080809c;
}

[contenedor="financiero"] .contenedorDescuentoPorApartamento {
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 10px;
    background: #8080802e;
}

[contenedor="financiero"] .contenedorDescuentosAlTotalNetoNoche {
    background-color: #746c6c29;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    align-content: column;
    gap: 2px;
    flex-direction: column;
}

.reservas_detalles_infoDesgloseNo {
    margin: 4px;
    text-align: center;
}

.detallesReservaCancelarEntradaTextoCancelar {
    padding: 8px;
    border-radius: 8px;
    border: none;
    width: 200px;
}

[globalUI="marcoInmersivo"] {
    display: flex;
    gap: 6px;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

[contenedor="financiero"] .contenedorEntidad {
    padding: 6px;
}

/*c*/
.detallesClienteCampoEditable {
    padding: 12px;
    border-radius: 10px;
    border: none;
    outline: none;
    resize: none;
    background: rgba(255, 255, 255, 0.3);
}

.preciosEImpuestosDetalleApartamentoDetallesTituloBloque {
    font-weight: bold;
    margin: 0px;
}

.preciosEImpuestosDetalleApartamentoDatoNumeroImpuesto {
    margin: 0px;
}

.detalleImpuestoCampoEditable {
    outline: none;
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
    border: none;
    border-radius: 8px;
}

.contenedorAdvertencaiInmersiva {
    display: flex;
    align-content: stretch;
    gap: 6px;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    overflow-x: hidden;
}

[contenedor="apartamentosSeleccianados"] .crearOfertaConentenedor {
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 6px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.textoCentrado {
    text-align: center;
}

.padding6 {
    padding: 6px;
}

.padding14 {
    padding: 14px;
}

.padding16 {
    padding: 16px;
}

.padding18 {
    padding: 18px;
}

.padding20 {
    padding: 20px;
}


.padding8 {
    padding: 8px;
}

.padding10 {
    padding: 10px;
}

.margin0 {
    margin: 0;
}

.margin6 {
    margin: 6px;
}

.margin10 {
    margin: 10px;
}

.botonV2_negrita {
    margin: 0px;
    font-weight: bold;
    padding: 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

.botonV2_negrita:hover {
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

.ofertaUITituloOpcion {
    margin: 0px;
    font-weight: bold;
}

.ofertaUIDatoOpcion {
    margin: 0px;
}

[contenedor="apartamentosSeleccianados"] .crearOFertaBotonAnadirApartamento {
    margin: 0px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

[contenedor="apartamentosSeleccianados"] .crearOfertaZonaAnadirApartamento {
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: center;
    justify-content: center;
    padding: 6px;
    gap: 6px;
    border-radius: 10px;
    background: #0000001f;
}

.crearOfertaApartamentoSeleccionadoUITitulo {
    font-weight: bold;
    padding: 6px;
}

.crearOfertaApartamentoSeleccionadoUI {
    background: rgba(255, 255, 255, 0.3);
    padding: 6px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    justify-content: center;
    gap: 6px;
}

[contenedor="apartamentosSeleccianados"] .crearApartamentoInfoSinApartamento {
    padding: 6px;
    margin: 0px;
    text-align: center;
}

.eventosDesactivadosInicialmente {
    pointer-events: none;
}

.resumen_reserva_detalle_oferta_apartamentos_especificos {
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
    border-radius: 8px;
}

.gestionBloqueoApartamento_bloqueApartamentoUI:hover {
    background: rgba(255, 255, 255, 0.9);
}

.listaBloqueo_contenedorFecha {
    background: rgba(253, 253, 253, 0.3);
    padding: 6px;
    border-radius: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.adminsitracion_bloqueos_detallesBloquoes_contenedorNuevaPropuesta {
    padding: 10px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.4);
    margin-top: 6px;
}

.arquitecturaConfApartamento_infoNoCama {
    padding: 4px;
    display: flex;
    justify-content: center;
}

.iconoProceso {
    color: official;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}

.iconoProceso div {
    transform-origin: 20px 20px;
    animation: iconoProceso 0.4s linear infinite;
}

.iconoProceso div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 2px;
    left: 18px;
    width: 4px;
    height: 12px;
    border-radius: 20%;
    background: #fff;
}

.iconoProceso div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -0.3667s;
}

.iconoProceso div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -0.3333s;
}

.iconoProceso div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.3s;
}

.iconoProceso div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.2667s;
}

.iconoProceso div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.2333s;
}

.iconoProceso div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.2s;
}

.iconoProceso div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.1667s;
}

.iconoProceso div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.1333s;
}

.iconoProceso div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.1s;
}

.iconoProceso div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.0667s;
}

.iconoProceso div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.0333s;
}

.iconoProceso div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes iconoProceso {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

[globalUI="textoCentrado"] {
    padding: 6px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lds-spinner {
    display: flex;
    position: relative;
    width: 40px;
    height: 40px;
    margin-top: 15px;
    margin-left: 15px;
}

.lds-spinner div {
    transform-origin: 12.5px 12.5px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: -3px;
    left: 12px;
    width: 2px;
    height: 8px;
    background: #00000052;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}



.reservaDetalles_transacciones_bloqueListaDePagos {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 11px;
    gap: 6px;
    align-items: stretch;
    align-content: flex-start;
    justify-content: space-around;
}

.administracion_reservas_detallesReserva_contenedorMisleanea {
    display: flex;
    flex-direction: column;
    padding: 6px;
    gap: 6px;
}

.administracion_situacion_portada_fechaDeSalida {
    text-align: right;
}

.esferaSeleccionable {
    margin: 5px;
    height: 24px;
    width: 24px;
    border: 2px solid #373737;
    border-radius: 100%;
}

.circuloAnimado {
    width: 16px;
    height: 16px;
    border: 1px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 60%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 400ms linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

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

.contenedorSpinner {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 20px;
    border-radius: 20px;
    /* backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px); */
}

.fondoTransparente {
    background-image: url("/activos/imagenes/transparente.png");
    flex: 1;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    border-radius: 12px;
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 1250ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1250m;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.parpadeaFondo {
    animation-name: parpadeoFondo;
    animation-duration: 1450ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeoFondo;
    -webkit-animation-duration: 1450m;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.parpadeaFondoSemiBlanco {
    animation-name: parpadeaFondoSemiBlanco;
    animation-duration: 1450ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeaFondoSemiBlanco;
    -webkit-animation-duration: 1450m;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@keyframes parpadeo {
    0% {}

    50% {
        color: red;
    }

    100% {}
}

@keyframes parpadeaFondoTransparente {
    0% {
        background: transparent;
    }

    50% {
        background: #ff9338;
    }

    100% {
        background: transparent;
    }
}

@keyframes parpadeaFondoSemiBlanco {
    0% {
        background: rgba(255, 255, 255, 0.1);
    }

    50% {
        background: color(srgb 1 0.52 0 / 0.16);
    }

    100% {
        background: rgba(255, 255, 255, 0.1);
    }
}

@keyframes parpadeoFondo {
    0% {
        background: #ffffff61;
    }

    50% {
        background: #ffa84b;
    }

    100% {
        background: #ffffff61;
    }
}

.whiteSpace {
    white-space: pre-wrap;
}


.whiteSpaceNoWrap {
    white-space: pre;
}


.plaza_miCasa_recuperarCuenta_contenedorInfo {
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 10px;
    padding: 10px;
    user-select: none;
    -webkit-user-select: none;
    text-decoration: none;
    color: black;
    cursor: default;
    transition: all 500ms;
    display: flex;
    justify-content: center;
    align-items: center;
}

.administracion_reserva_detallesReserva_cancelarReserva_eliminarReserva_botonV1 {
    background: #00000036;
    padding: 8px;
    border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    user-select: none;
    cursor: default;
    -webkit-user-select: none;
}

.administracion_reserva_detallesReserva_cancelarReserva_eliminarReserva_botonV1:hover {
    background: red;
    color: white;
}

.administracion_calendario_componente_calendario_contenedoCarga {
    padding: 12px;
    user-select: none;
    cursor: default;
    -webkit-user-select: none;
    pointer-events: all;
}

.componente_calendario_contenedoCarga_calendarioIncrustado {
    background: rgba(244, 255, 255, 0.2);
    border-radius: 10px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    padding: 12px;
    user-select: none;
    cursor: default;
    -webkit-user-select: none;
    pointer-events: all;
}

.componente_calendario_contenedoCarga_Mes {
    padding-bottom: 20px;
    user-select: none;
    cursor: default;
    -webkit-user-select: none;
    pointer-events: all;
    display: flex;
    flex: 1;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.componente_calendario_contenedoCarga_calendarioIncrustado {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.componentes_contenedor_mensajeSimple {
    display: flex;
    align-content: stretch;
    gap: 6px;
    overflow: scroll;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    overflow-x: hidden;
}

.componentes_contenedor_contenedorIntermedio {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 6px;
    gap: 6px;
}

.componentes_contenedor_contenido {
    padding: 12px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: stretch;
}

.componentes_contenedor_mensajeSimple_titulo {
    display: flex;
    justify-content: center;
}

[globalUI="contenedorContenidoVertical"] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.componentes_ui_paginador_listaResponsiva {
    display: none;
}

@media (max-width: 720px) {
    .numeroPaginaElemento {
        display: none;
    }

    .componentes_ui_paginador_listaResponsiva {
        display: block;
    }
}

.administracion_bloqueos_detallesBloqueo_contenedorFechaIndividual_titulo {
    display: flex;
}

.administracion_bloqueos_detallesBloqueo_contenedorFechaIndividual {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.administracion_bloqueos_detallesBloqueo_contenedorFechaIndividual_fecha {
    display: flex;
    justify-content: center;
}

.componentes_ui_totales_ofertas_apartamentosEspecificos_contenedor {
    display: flex;
    gap: 6px;
    padding-top: 4px;
}

.componentes_ui_totales_ofertas_diasEspecificos_contenedor {
    padding-top: 4px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.administracion_calendario_contenedorCapa {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    overflow: hidden;
}

.textoJustificado {
    text-align: justify;

}

[globalUI="desgloseTotales"].marco {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 6px;
}

.advertenciaInmersiva .contenedorEliminar {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.advertenciaInmersiva .contenedorEliminar .tituloInmersivo {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.585);
    top: 30px;
    text-align: center;
    font-weight: bold;
}

.advertenciaInmersiva .contenedorEliminar .boton {
    background: #00000036;
    padding: 8px;
    border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    transition: background 250ms linear;
}

.advertenciaInmersiva .contenedorEliminar .boton:hover {
    background: rgba(255, 255, 255, 0.6);
}

.contenedorErrorPropuesta {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
}

.contenedorErrorPropuesta .contenedorEvento {
    background: rgb(255 255 255 / 17%);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.contenedorErrorPropuesta .contenedorEvento .botonIrAlEvento {
    background: rgb(255 255 255 / 17%);
    border-radius: 10px;
    padding: 10px;
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-decoration: none;
    color: black;
    user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

.contenedorErrorPropuesta .contenedorEvento .botonIrAlEvento:hover {
    background: rgb(255 255 255 / 50%);
}

.contenedorImagenAmpliada {
    background: black;
    width: 100vw;
    height: 100vh;
    margin: 0;
    top: 0px;
    padding: 0;
    border: none;
    transition: all 250ms linear;
    gap: 10px;
    touch-action: manipulation;
    cursor: default;
    display: grid;
    grid-template-columns: 1fr;
    position: fixed;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    outline: none;
    opacity: 1;
    z-index: 400;

    @starting-style {
        opacity: 0;
    }
}

.contenedorImagenVolatil {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 250ms linear;
    position: relative;
    top: 0px;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: color(srgb 0 0 0 / 0.14);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/wcAAgAB/AcaxUIAAAAASUVORK5CYII=');
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedorImagenAmpliada .contenedorBotones {
    display: grid;
    grid-template-columns: min-content auto min-content;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 10px;
    align-items: center;
    gap: 6px;
    justify-items: center;
    position: relative;
}

@media (max-width: 850px) {
    .contenedorImagenAmpliada .contenedorBotones {
        padding: 28px;
    }
}

.contenedorImagenAmpliada .marcoEspaciadoContenedorBotones {
    display: flex;
    top: 0px;
    width: 100vw;
    position: absolute;
    z-index: 100;
    flex-direction: column;
    align-items: stretch;
}

.contenedorImagenAmpliada .contenedorBotones .boton {
    display: flex;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    padding: 10px;
    width: 123px;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

@media (max-width: 850px) {
    .contenedorImagenAmpliada .contenedorBotones .boton {
        width: auto;
    }
}

@keyframes show {
    from {
        opacity: 0;
        scale: 25%;
    }

    to {
        opacity: 1;
        scale: 100%;
    }
}

@keyframes appear {
    from {
        opacity: 0;
        scale: 25%;
    }

    to {
        opacity: 1;
        scale: 100%;
    }
}

.mensajeDelError {
    text-align: center;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }

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

@keyframes scroll {
    0% {
        opacity: 1;
    }

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

.contenedorGlobal_hover:hover {
    background: hsl(0deg 0% 0% / 10%);
    border-radius: 10px;
}

.contenedorOpcionServivicio {
    border-radius: 12px;
}

/* .esferaSeleccionable {
    margin: 5px;
    height: 24px;
    width: 24px;
    border: 2px solid #373737;
    border-radius: 100%;
} */

.indicadorDeSeleccion {
    margin: 3px;
    height: 14px;
    width: 14px;
    border-radius: 100%;
}

.indicadorDeSeleccionConFondo {
    margin: 3px;
    height: 14px;
    width: 14px;
    border-radius: 100%;
    background-color: black;
}


.textSize16 {
    font-size: 16px;
}

.textSize26 {
    font-size: 16px;
}

.botonV1:hover,
.botonV1Blanco:active {
    background: rgba(255, 255, 255, 0.7);
}

.campoTextoSimple {
    outline: none;
    border: none;
    padding: 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.3);
    appearance: none;
}

.selector {
    margin: 0px;
    padding: 10px;
    appearance: none;
    border: none;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    outline: none;
}

.selectorRojo {
    background-color: rgba(255, 0, 0, 0.1);
}

.textCentrado {
    text-align: center;
}

.padding6Horizontal {
    padding-left: 6px;
    padding-right: 6px;
}

.padding16Horizontal {
    padding-left: 16px;
    padding-right: 16px;
}

.padding10Horizontal {
    padding-left: 10px;
    padding-right: 10px;
}

.padding6Vertical {
    padding-top: 6px;
    padding-bottom: 6px;
}

.fondoSelector:hover {
    background-color: rgba(0, 0, 0, 0.212) !important;
    color: white !important
}

.gap4 {
    gap: 4px;
}


.gap6 {
    gap: 6px;
}

.gap8 {
    gap: 8px;
}

.gap10 {
    gap: 10px;
}


.gap12 {
    gap: 12px;
}

.gap14 {
    gap: 14px;
}

.gridHorizontal2C {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.gridHorizontal2C_resp {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 720px) {
    .gridHorizontal2C_resp {
        grid-template-columns: 1fr;
    }
}

.gridHorizontal2C_minContent_auto {
    display: grid;
    grid-template-columns: min-content auto;
}

.gridHorizontal3C_minContent_auto {
    display: grid;
    grid-template-columns: min-content min-content auto;
}


.gridHorizontal2C_minContent_auto_resp {
    display: grid;
    grid-template-columns: min-content auto;
}

@media (max-width: 720px) {
    .gridHorizontal2C_minContent_auto_resp {
        grid-template-columns: 1fr;
    }
}

.gridHorizontal2C_auto_1fr_resp {
    display: grid;
    grid-template-columns: auto 1fr;
}

.gridHorizontal2C_auto_auto_resp {
    display: grid;
    grid-template-columns: auto auto;
}

@media (max-width: 990px) {
    .gridHorizontal2C_auto_1fr_resp {
        grid-template-columns: 1fr;
    }
}

.gridHorizontal2C-1fr-min {
    display: grid;
    grid-template-columns: 1fr min-content;
}

.gridHorizontal2C_personalizado {
    display: grid;
    grid-template-columns: 226px 1fr;
}

.gridHorizotnal3C {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.gridHorizotnal_auto_1fr_auto {
    display: grid;
    grid-template-columns: auto 1fr auto;
}


.flexVertical {
    display: flex;
    flex-direction: column;
}

.flexHorizontal {
    display: flex;
    flex-direction: row;
}

.flexHorizontal_wrap {
    flex-wrap: wrap;
}

.elementosExpandidos {
    justify-content: space-between;
}

.flexJustificacion_spacearound {
    justify-content: space-around;
}

.flextJustificacion_center {
    justify-content: center;
}

.flextJustificacion_arriba {
    justify-content: flex-start;
}

.flexDerecha {
    justify-content: flex-end;
}

.flexApiladoI {
    justify-content: flex-start;
}

.flexAlineacionI {
    align-items: flex-start;
}

.flexInteriorExprandido {
    align-items: stretch;
}

.flexAHCentrad {
    align-items: center;
}

.flexAlineacionDerecha {
    align-items: flex-end;
}

.contenidoAdvertenciaInmersiva {
    max-width: 1280px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 30px;
    gap: 10px;
    /* padding-top: 80px; */
    align-items: stretch;
    padding-top: 100px;
}

.width100 .borderRadius6 {
    border-radius: 6px;
}

.borderRadius6 {
    border-radius: 6px;
}

.borderRadius8 {
    border-radius: 8px;
}

.borderRadius10 {
    border-radius: 10px;
}

.borderRadius12 {
    border-radius: 12px;
}

.borderRadius14 {
    border-radius: 14px;
}

.borderRadius16 {
    border-radius: 16px;
}

.borderRadius18 {
    border-radius: 18px;
}

.borderRadius20 {
    border-radius: 20px;
}

.borderRadius22 {
    border-radius: 22px;
}

.borderRadius24 {
    border-radius: 24px;
}

.borderRadius26 {
    border-radius: 26px;
}

.backgroundGrey1 {
    background: rgba(0, 0, 0, 0.1);
}

.transitionAll500 {
    transition: all 500ms linear !important;
}

.backgroundWhite1 {
    background: rgba(255, 255, 255, 0.1);
}

.backgroundWhite5 {
    background: rgba(255, 255, 255, 0.5);
}

.backgroundWhite3 {
    background: rgba(255, 255, 255, 0.3);
}

.maxWidth1280px {
    max-width: 1280px;
}

.width100 {
    width: 100%;
}

.borderGrey1 {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.borderWhite1 {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.selecionAzul {
    color: white;
    background: blue;
}

.comportamientoBoton:hover {
    transition: all 250ms;
    background: rgba(0, 0, 0, 0.2);
}

[contenedor=financiero] .comportamientoBotonApartamento:hover {
    transition: all 500ms;
    background: rgba(0, 0, 0, 0.1);
}

.padding6 {
    padding: 6px;
}

.padding5 {
    padding: 5px;
}

.padding4 {
    padding: 4px;
}

.paddinHorizontal6 {
    padding-left: 6px;
    padding-right: 6px;
}

.paddinHorizontal10 {
    padding-left: 10px;
    padding-right: 10px;
}

.paddinHorizontal40 {
    padding-left: 40px;
    padding-right: 40px;
}

.textoElipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.paddinVertical6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.paddinVertical10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.gap20 {
    gap: 20px;
}

.gap14 {
    gap: 14px;
}

.padding14 {
    padding: 14px;
}

.paddinTop6 {
    padding-top: 6px;
}

.padding10 {
    padding: 10px;
}

.padding12 {
    padding: 12px;
}

.botonV1 {
    padding: 14px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.1);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    outline: none;
}

.botonV1Blanco {
    padding: 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.3);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    outline: none;
}

.blur50 {
    -webkit-backdrop-filter: blur(50px) !important;
    backdrop-filter: blur(50px) !important;
}

.botonV2 {
    padding: 8px;
    border-radius: 6px;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.botonV3 {
    padding: 10px;
    border-radius: 9px;
    background: rgba(0, 0, 0, 0.1);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.botonV4 {
    padding: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.botonV4:hover {
    background: rgba(0, 0, 0, 0.4);
}

.botonV5 {
    padding: 10px;
    border-radius: 10px;
    background: #a13131;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    text-align: center;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: white
}

.botonV5:hover {
    background: red;
}


.botonV6 {
    background: rgba(255, 255, 255, 0.4);
    display: flex;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 10px;
    text-decoration: none;
    color: black;
    user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

.botonV6:hover {
    background: white;
}

.botonV1BlancoIzquierda,
.botonV1BlancoIzquierda_noSeleccionable {
    padding: 14px;
    border-radius: 16px;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: rgb(255 255 255 / 0.3);
    gap: 10px;
}

.botonV1BlancoIzquierda_campo {
    padding: 14px;
    border-radius: 16px;
    cursor: default;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: rgb(255 255 255 / 0.3);
}

.botonTransparenteSeleccionable {
    padding: 14px;
    border-radius: 16px;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

.botonV1BlancoIzquierda_sinRadius,
.botonV1BlancoIzquierda_noSeleccionable_sinRadius {
    padding: 14px;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    transition: all 250ms linear;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: rgb(255 255 255 / 0.3);
}

.areaTexto {
    padding: 14px;
    border-radius: 16px;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    background: rgb(255 255 255 / 0.3);
    resize: vertical;
    field-sizing: content;
    min-height: 350px;
}

.botonV1BlancoIzquierda:hover,
.botonV1BlancoIzquierda_sinRadius:hover,
.botonTransparenteSeleccionable:hover {
    background: rgb(255 255 255 / 0.8);
}

.limpiezaBotonA {
    text-decoration: none;
    cursor: default;
    color: black;
}

.noSelecionable {
    user-select: none;
    -webkit-user-select: none;
}

.ratonDefault {
    cursor: default;
}

[contenedor="financiero"] .contenedorNavegador {
    display: grid;
    grid-template-columns: repeat(1fr, auto);
    grid-template-rows: 1fr;
}

[contenedor="financiero"] .navegador {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.5);
    user-select: none;
    -webkit-user-select: none;
    padding: 4px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 100%;
}

@media (max-width: 720px) {
    [contenedor="financiero"] .navegador {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 2fr;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }
}

.contenedorOculto {
    display: none;
}

.tarjetaGris {
    background: rgb(255 255 255 / 0.5);
    border-radius: 14px;
    padding: 14px;
    display: flex;
    gap: 6px;
    flex-direction: column;
}

.simplificadorCampo {
    appearance: none;
    outline: none;
    border: none;
}

[CSS="selectorFechas"] .contenedorFechasSobreBloque {
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 6px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

[CSS="selectorFechas"] .contenedorFechasCompartido {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 6px;
    grid-auto-rows: minmax(auto, auto);
    padding: 0px;
    justify-items: stretch;
    justify-content: center;
    align-content: center;
    align-items: stretch;
}

[CSS="selectorFechas"] .contenedorFecha {
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    border-radius: 12px;
    padding: 10px;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

[contenedor="financiero"] .contenedorApartamento {
    background-color: #ffffff73;
    padding: 6px;
    border-radius: 10px;
    display: flex;
    align-content: column;
    gap: 6px;
    flex-direction: column;
    cursor: default;
}

[contenedor="financiero"] .contenedorDiaConNoche {
    padding: 6px;
    border-radius: 14px;
    gap: 6px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    /* border: 1px solid #80808078; */
    background: color(srgb 0 0 0 / 0.07);
}

[contenedor="financiero"] .reserva_resumen_desglose_porNoche {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 6px;
    grid-auto-rows: minmax(auto, auto);
    padding: 0px;
    justify-content: center;
    align-content: center;
    align-items: start;
}

@media (max-width: 1280px) {
    [contenedor="financiero"] .reserva_resumen_desglose_porNoche {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 820px) {
    [contenedor="financiero"] .reserva_resumen_desglose_porNoche {
        grid-template-columns: repeat(1, 1fr);
    }
}

[contenedor="financiero"] .reserva_resumen_desglose_pago_titulo {
    font-weight: bold;
    text-align: center;
}

[contenedor="financiero"] .reserva_resumen_desglose_pago_bloque {
    padding: 0px;
    border-radius: 12px;
    gap: 6px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
}

[ui="pantallaDeCarga"] {
    display: flex;
    position: absolute;
    height: 100%;
    width: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
    scale: 1;
    transition: scale 250ms ease-in-out;

    @starting-style {
        scale: 0;
    }
}

.areaSinDecoracionPredeterminada,
a {
    text-decoration: none;
    color: black;
}

.tituloGris {
    font-size: 13px;
    font-weight: bold;
    color: #424242
}

.tituloGrande {
    font-size: 23px;
    font-weight: bold;
    color: grey
}

[contenedor="tarjetas"] .tarjeta {
    display: none;
    grid-template-columns: 1fr 1fr 1fr;
    text-wrap: nowrap;
}

[contenedor="tarjetas"] .contenedorGlobal {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

[contenedor="tarjetas"] .contenedorFechas {
    display: flex;
    flex-direction: row;
}

@media (max-width: 720px) {
    [contenedor="tarjetas"] .tarjeta {
        display: flex;
        grid-template-columns: 1fr;
    }

    [contenedor="tarjetas"] .contenedorGlobal {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@keyframes parpadeoElementoIndicadorAzul {
    0% {
        background: transparent;
    }

    50% {
        background: blue;
        color: white
    }

    100% {
        background: transparent;
    }
}

@keyframes parpadeoElementoIndicadorGrisInstalaciones {
    0% {
        background: transparent;
    }

    50% {
        background: #b1afaf66;
    }

    100% {
        background: transparent;
    }
}

@keyframes parpeoColumnaAnimation {
    0% {
        background: transparent;
    }

    50% {
        background: black;
        color: white;
    }

    100% {
        background: transparent;
    }
}


.parpadeoFondoAzul {
    animation: parpadeoElementoIndicadorAzul 3s infinite linear;
}

.ocultoInicial_enContexto {
    display: none;
}

.ocultoInicial {
    display: none;
}

.area300px {
    height: 300px;
}

textarea {
    outline: none;
}

.breakWordkAll {
    word-break: break-all;
}

.efectoAparicion {
    transition: all 500ms ease-in-out;
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    opacity: 1;

    @starting-style {
        grid-template-rows: 0fr;
        padding: 0px;
        opacity: 0;
    }
}

.fontSize20 {
    font-size: 20px;
}

.fontSize16 {
    font-size: 16px;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize40 {
    font-size: 40px;
}

.fuenteAdaptable40-20 {
    font-size: 40px;
}

@media (max-width: 720px) {

    .fuenteAdaptable40-20 {
        font-size: 20px;
    }
}

.efectoAparicion>div {
    overflow: hidden;
}

.grid {
    display: grid;
}

.grid3Columnas {
    grid-template-areas: ". . . ";
}

.grid4Columnas {
    grid-template-areas: ". . . . ";
}

.fondoNaranja {
    background: rgb(214, 192, 157);
}

.grid3x1 {
    display: grid;
    grid-template-columns: 1fr auto auto;
}

.grid4x4_r_2x2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid3x3_0_fr_0 {
    display: grid;
    grid-template-columns: 0 1fr 0;
}

.grid3x3_mC_fr_mc {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
}

.grid2x1_r_1x1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid2x1_r_1x1_1fr_auto {
    display: grid;
    grid-template-columns: 1fr auto;
}

@media (max-width: 720px) {
    .grid4x4_r_2x2 {
        grid-template-columns: 1fr 1fr;
    }

    .grid2x1_r_1x1 {
        display: grid;
        grid-template-columns: 1fr;
    }

    .grid2x1_r_1x1_1fr_auto {
        display: grid;
        grid-template-columns: 1fr;
    }


}


@keyframes animacionAzul {
    0% {
        background-color: blue;
        color: white;
    }

    50% {
        background-color: rgb(255 255 255 / 0.3);
        color: black;
    }

    100% {
        background-color: blue;
        color: white;
    }
}


.animacionAzul {
    animation: animacionAzul 3s infinite;
}

.privacidadUI {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.562);
    margin: 20px;
    max-width: 720px;
    border-radius: 18px;
    padding: 10px;
    z-index: 1000;
    backdrop-filter: blur(50px);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);

    /* right: 0px; */
}

.privacidadUI .contenedorInfo * {
    font-size: 12px !important;
}

.privacidadUI .boton {
    padding: 4px !important;
    transition: all 250ms linear !important;
}

.privacidadUI .boton:hover {
    background-color: blue !important;
    color: white !important;
    box-shadow: 0 0 20px 4px #00000078;
}

.flex1 {
    flex: 1
}

.positionAbsolute {
    position: absolute;
}