@font-face {
    font-family: MontserratBold;
    src: url(../fuentes/Montserrat-Bold.ttf);
}

@font-face {
    font-family: MontserratMedium;
    src: url(../fuentes/Montserrat-Medium.ttf);
}
@font-face {
    font-family: MontserratLight;
    src: url(../fuentes/Montserrat-Light.ttf);
}
@font-face {
    font-family: MontserratBlack;
    src: url(../fuentes/Montserrat-Black.ttf);
}

.carousel-indicators {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    position: relative !important;
    top: 30px !important;
}
.carousel-indicators [data-bs-target] {
    text-indent: 0px !important;
}

.carousel-indicators button {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    /* background-color: #007bff !important; */
    color: #007bff !important;
    border: 2px solid #007bff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}
.carousel-indicators .active {
    /* background-color: orange !important; */
    border: 2px solid #ffc60c !important;
}



/* Breakpoint x-chico */
@media (min-width: 0px) {
    .textoDibal {
        font-family: MontserratLight;
        color      : rgba(33, 33, 33, 255);
        font-size  : x-small;
        padding    : 4vw;
    }

    .textoExperiencia {
        font-family: MontserratBlack;
        color      : rgba(29, 76, 139, 255);
        font-size  : small;
        padding    : 1vh;
    }

    .tajetasServicios {
        border-radius: 0px;
        border-color : white;
        font-family  : MontserratLight;
        font-size: xx-small;
    }

    .grupoDeTarjetas{
        padding-top: 2rem;
    }
}


/* Breakpoint chico */
@media (min-width: 576px) {
    .textoDibal {
        font-family: MontserratLight;
        color      : rgba(33, 33, 33, 255);
        font-size  : smaller;
        padding    : 2vw;
    }

    .textoExperiencia {
        font-family: MontserratBlack;
        color      : rgba(29, 76, 139, 255);
        font-size  : medium;
        padding    : 1vh;
    }

    .tajetasServicios {
        border-radius: 0px;
        border-color : white;
        font-family  : MontserratLight;
        font-size: medium;
    }

    .grupoDeTarjetas{
        padding-top: 4rem;
    }
}

/* Breakpoint mediano */
@media (min-width: 768px) {
    .textoDibal {
        font-family: MontserratLight;
        color      : rgba(33, 33, 33, 255);
        font-size  : medium;
        padding    : 1.5vw;
    }

    .textoExperiencia {
        font-family: MontserratBlack;
        color      : rgba(29, 76, 139, 255);
        font-size  : large;
        padding    : 1vh;
    }

    .tajetasServicios {
        border-radius: 0px;
        border-color : white;
        font-family  : MontserratLight;
        font-size: small;
    }

    .grupoDeTarjetas{
        padding-top: 4rem;
    }

    .mapaGoogle{
        height: 600px;
    }
}


/* Breakpoint xl */
@media (min-width: 1200px) {
    .textoDibal {
        font-family: MontserratLight;
        color      : rgba(33, 33, 33, 255);
        font-size  : large;
        padding    : 1.5vw;
    }

    .textoExperiencia {
        font-family: MontserratBlack;
        color      : rgba(29, 76, 139, 255);
        font-size  : larger;
        padding    : 1vh;
    }

    .tajetasServicios {
        border-radius: 0px;
        border-color : white;
        font-family  : MontserratLight;
        font-size: large;
    }

    .grupoDeTarjetas{
        padding-top: 3rem;
    }
}

/* Breakpoint xxl */
@media (min-width: 1400px) {
    .textoDibal {
        font-family: MontserratLight;
        color      : rgba(33, 33, 33, 255);
        font-size  : x-large;
        padding    : 1.5vw;
    }

    .textoExperiencia {
        font-family: MontserratBlack;
        color      : rgba(29, 76, 139, 255);
        font-size  : xx-large;
        padding    : 0vw;
    }

    .tajetasServicios {
        border-radius: 0px;
        border-color : white;
        font-family  : MontserratLight;
    }

    .grupoDeTarjetas{
    padding: 5vw;
    }

}

.textoDibal {
    font-family: MontserratLight;
    color      : rgba(33, 33, 33, 255);
}

/* REVISAR ESTA PARTE DEL CÓDIGO ES DE LA 3RA SECCION */
.somosExpertos {

    position: relative;
    width: 100%
}

.textoPantalla {
    display: block;
    position: absolute;
    font-family: MontserratLight;
    color: azure;
}