body {
    font-family: "IBM Plex Sans", sans-serif;
}
.ibm-plex-sans-thin {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.ibm-plex-sans-extralight {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.ibm-plex-sans-light {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ibm-plex-sans-regular {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ibm-plex-sans-medium {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ibm-plex-sans-semibold {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.ibm-plex-sans-bold {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ibm-plex-sans-thin-italic {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.ibm-plex-sans-extralight-italic {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.ibm-plex-sans-light-italic {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ibm-plex-sans-regular-italic {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.ibm-plex-sans-medium-italic {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ibm-plex-sans-semibold-italic {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.ibm-plex-sans-bold-italic {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.container-fluid {
    min-height: 100vh;
    padding-top: 40px;
}
.col-carousel {
    min-height: 350px;
}
.form-control {
    border: none;
    font-size: 1rem;
}

.bg-contacto {
    background-image: url("../images/secciones/contactosOscura.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border-radius: 15px;
}

#home {
    background-image: url("../images/secciones/home.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
#proposito {
    background-image: url("../images/secciones/nuestroProposito.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
#valores {
    color: #000;
}
#nosotros {
    background-color: #ebecfd;
}
#servicios {
    background-color: #1d3a72;
    color: #fff;
}
#ventajas {
    color: #000;
    background-color: #ebecfd;
}
#contacto {
    color: #000;
    background-color: #f7f7df;
}

.nosotros-img-logo {
    min-height: 360px;
    border-radius: 32px;
}

#gracias-box {
    border-radius: 32px;
    border-radius: 29px !important;
    background-image: url("../images/iconos/IntegroConsultora-isologo.jpg");
    background-position-x: right -236px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 63%;
    min-height: 700px;
}
.contacto-img {
    border-radius: 15px;
}
#box-off {
    background-color: #2dc528;
}
.bg-op-negro {
    background-color: hsla(0, 0%, 0%, 0.7);
    border-radius: 15px;
}
.bg-negro {
    background-color: hsla(0, 0%, 0%, 0.7);
}
.modal-nosotros {
    background-color: #fbfbef;
}
.modal-xl {
    --bs-modal-width: 90%;
}
.modal-content-nosotros {
    border-radius: 29px !important;
    background-image: url("../images/iconos/IntegroConsultora-isologo.jpg");
    background-position-x: right -236px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 63%;
    min-height: 700px;
}

.btn-close-white {
    background: url("../images/close-white .svg");
    font-size: 2.5rem;
    border: none;
}
#numeroVerde {
    width: 3.1rem;
    height: 3.1rem;
    background-color: #a1a72f;
    padding: 0;
    margin: 0;
}
#masBlanco,
#masBlanco:hover {
    width: 50px;
    height: 50px;
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

.btn-azul,
.btn-azul:hover {
    background-color: #1d3a72;
    /* border-radius: 32px; */
    width: 16em;
    height: 3.5em;
    letter-spacing: 0.033em;
}
#sobreCompania {
    background-color: #fbfbef;
}
#gracias {
    background-color: #fbfbef;
}
.text-azul {
    color: #1d3a72;
}
.text-azul-solo {
    color: #1d3a72;
}
.text-verde {
    color: #a1a72f;
}
.bg-ventajas {
    border-radius: 15px;
    color: #fff;
    min-height: 270px;
}
.plus-ventajas {
    background-color: #ffffff;
    width: 70px;
}
.bg-nosotros {
    border-radius: 15px;
    color: #fff;
}
.bg-nosotros > img {
    /*width: 14rem;*/
    width: 150px;
    border-radius: 10px;
}
.bg-nosotros > img.linkedin {
    width: 5rem;
}
.bg-azul {
    background-color: #1d3a72;
}
.bg-verde {
    background-color: #a1a72f;
}
.bg-violeta {
    background-color: #b1b8fc;
}
.bg-gris {
    background-color: #4c4c4c;
}
.carousel-control-prev,
.carousel-control-next {
    filter: invert(100%);
}
.carousel-item-ventajas {
    min-height: 630px;
}
.carousel-indicators [data-bs-target] {
    width: 70px;
}

.rounded-10 {
    border-radius: 10px;
}

#servicio_1 {
    background-image: url("../images/nuestrosServicios/nuestroServicioA.jpeg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

#servicio_2 {
    background-image: url("../images/nuestrosServicios/nuestroServicioB.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: cover;
}

#servicio_3 {
    background-image: url("../images/nuestrosServicios/nuestroServicioC.jpeg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: cover;
}
.carousel-indicators [data-bs-target] {
    background-color: #a8a8a8 !important;
}

.carousel-control-next-servicios,
.carousel-control-prev-servicios {
    width: 3%;
    margin-left: -20px;
    margin-right: -20px;
}

#seriviciosNoMostar {
    display: none;
}
#seriviciosNoMostar1 {
    display: none;
}
#seriviciosNoMostar2 {
    display: none;
}
#seriviciosNoMostar3 {
    display: none;
}

.translate-y-2 {
    transform: translateY(10.5rem);
}

.bg-dosColores {
    background: linear-gradient(rgb(0, 0, 0) 80%, rgb(255, 255, 255) 20%);
}

.accordion {
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 0.5rem;
}
.accordionValores {
    /*--bs-accordion-bg: #ebecfd;*/
    --bs-accordion-bg: #ffffff;
}

.accordionServicios {
    --bs-accordion-bg: #ffffff;
}

.accordion-item {
    border: 2px solid #b1b8fc;
}
.accordion-buttonServicios,
.accordion-buttonServicios:not(.collapsed) {
    color: #b1b8fc;
    font-weight: 700;
    box-shadow: none;
}

.accordion-buttonValores,
.accordion-buttonValores:not(.collapsed) {
    color: #b1b8fc;
    /* background-color: #ebecfd; */
    font-weight: 700;
    box-shadow: none;
}
.accordionServicios {
    --bs-accordion-bg: #fff;
    background-color: #ffffff;
}
.accordion-button::after {
    background-size: 2rem;
    width: 2rem;
    height: 2rem;
    color: #ebecfd;
}

.accordion-button.collapsed::after {
    background: url("../images/flecha.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.accordion-button:not(.collapsed)::after {
    background: url("../images/flecha.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.btn-verde,
.btn-verde:hover {
    /* font-weight: 500; */
    background-color: #a1a72f;
    /* border-radius: 32px; */
    width: 16em;
    height: 3.5em;
    letter-spacing: 0.033em;
}
.titulo {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3rem;
}
.carousel-control-next-ventajas,
.carousel-control-prev-ventajas {
    margin-top: 71px;
    width: 100px;
}
.carousel-control-prev-icon-ventajas {
    background-image: url("../images/arrow-prev.svg");
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.carousel-control-next-icon-ventajas {
    background-image: url("../images/arrow-next.svg");
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

.carousel-control-next,
.carousel-control-prev {
    width: 100px;
}
@media (min-width: 768px) {
    .bg-op-negro {
        max-width: 33rem;
        min-height: 31rem;
    }
    .container-fluid,
    .container {
        padding-left: 70px;
        padding-right: 70px;
    }
    .text-verde {
        font-size: 3.5rem;
    }
    .vh-95 {
        height: 95vh !important;
    }
    .vh-85 {
        height: 85vh !important;
    }
    .vh-70 {
        height: 70vh !important;
    }
    #sobreCompania > div {
        height: 100vh !important;
    }
    #gracias > div {
        height: 90vh !important;
    }
}
@media (max-height: 768px) {
    .bg-op-negro {
        min-height: 32rem;
    }
}

@media (max-width: 576px) {
    .btn-verde,
    .btn-verde:hover {
        background-color: #a1a72f;
        /* border-radius: 32px; */
        width: 16rem;
    }
    .btn-azul,
    .btn-azul:hover {
        background-color: #1d3a72;
        /* border-radius: 32px; */
        width: 16rem;
    }
    .modal-content-nosotros {
        border-radius: 29px !important;
        background-image: url("../images/iconos/IntegroConsultora-isologo.jpg");
        background-position-x: right;
        background-position-y: bottom;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .carousel-control-prev-hidden,
    .carousel-control-next-hidden {
        display: none;
    }
    .titulo {
        font-size: 2.6rem;
    }
}
.btn-violeta,
.btn-violeta:hover:active:focus-visible {
    background-color: #b1b8fc !important;
    border-radius: 50%;
    padding: 10px !important;
    margin: 27px;
}