/* Quicksand */
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

/* Open sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

/* DM sans */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');

* {
    font-family: 'Quicksand', sans-serif;
    /* font-family: 'Open Sans', sans-serif; */
    /* font-family: 'DM Sans', sans-serif */

    margin: 0px;
    padding: 0px;
    /* list-style: none; */
    text-decoration: none;
}

.cuerpo {
    height: 100vh;
}

.swiper {
    width: 100%;
    height: auto;
}

.navegacion {
    background-color: rgba(248, 249, 250, 0.9);
}

.listaServicios {
    list-style: circle;
}

.sublistaServicios {
    list-style: circle;
}

.custom-tooltip {
    --bs-tooltip-bg: #0d6efd;
}

.custom-tooltip-danger {
    --bs-tooltip-bg: #dc3545;
}

.custom-tooltip-success {
    --bs-tooltip-bg: #198754;
}

.tituloServicio {
    color: #212529;
}

.btnAcciones {
    font-size: 0.8rem;
    padding: 0.4rem 0.5rem ;
}

.estrellas {
    direction: rtl; /* right to left */
    unicode-bidi: bidi-override; /* bidi de bidireccional */
    text-align: left;
}

.estrellasCalificacion {
    display: none;
}

.labelCalificacion {
    cursor: pointer;
    font-size: 1.5rem;
    color: gray;
}

.labelCalificacion:hover {
    color: orange;
}

.labelCalificacion:hover ~ label {
    color: orange;
}

.estrellasCalificacion:checked ~ label {
    color:orange;
}

.estrellaInvertida {
    -moz-transform: scaleX(-1); /* Firefox */
    -o-transform: scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* Chrome y Safari */
    transform: scaleX(-1); /* w3org */
    filter: FlipH; /* Internet Explorer */
}

.tablaInformacion {
    overflow-x: scroll;
}

/* ====================================================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
==================================================================== */
@media (min-width: 1200px){
    .editor {
        max-height: 60vh;
    }

    .contenedorBodySlide {
        overflow-y: scroll;
        max-height: 70vh;
    }
}

/* ====================================================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
==================================================================== */
@media (max-width: 1199px) and (min-width: 993px){
    .editor {
        max-height: 60vh;
    }

    .contenedorBodySlide {
        overflow-y: scroll;
        max-height: 70vh;
    }
}

/* ====================================================================
TABLET VERTICAL O ESCRITORIO PEQUEÑO (SM revisamos en 768px)
==================================================================== */
@media (max-width: 992px) and (min-width: 768px){
    .contenedorPerfil {
        padding: 2rem !important;
    }

    .contenedorPerfil > form {
        padding: 2rem !important;
    }

    .modalAgregarSlide {
        overflow-y: scroll !important;
        position: absolute;
    }

    .contenedorEditor {
        position: absolute;
    }

    .contenedorBodySlide {
        overflow-y: scroll;
        max-height: 70vh;
    }

    .textWelcome {
        margin-top: 1rem;
    }

    .contenedorFormularioContacto {
        z-index: 100;
    }

    .contenedorImgContacto {
        position: relative;
    }

    .imgContacto {
        height: 100%;
        width: auto !important;
        max-width: none !important;
        overflow: hidden;
        position: absolute;
    }
}

/* ====================================================================
MOVIL (XS revisamos en 320px)
==================================================================== */
@media (max-width: 768px){
    .contenedorPerfil {
        padding: 1.5rem !important;
    }

    .contenedorPerfil > form {
        padding: 1.5rem !important;
    }

    .modalAgregarSlide {
        overflow-y: scroll !important;
        position: absolute;
    }

    .contenedorEditor {
        position: absolute;
    }

    .contenedorBodySlide {
        overflow-y: scroll;
        max-height: 70vh;
    }

    .textWelcome {
        margin-top: 1rem;
    }

    .contenedorFormularioContacto {
        z-index: 100;
    }

    .contenedorImgContacto {
        position: relative;
    }

    .imgContacto {
        height: 100%;
        width: auto !important;
        max-width: none !important;
        overflow: hidden;
        position: absolute;
    }

    .contenedorEditarInfo {
        padding: 2rem !important;
    }
}

@media (max-width: 575px){
    .contenedorImgContacto {
        display: none;
    }
}