@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);
}

.imagenCirculo{
    width: 150px;  /* Ajusta el tamaño según necesites */
    height: 150px; /* Asegura que sea cuadrada */
    border-radius: 50%;
    object-fit: cover; /* Asegura que la imagen se ajuste bien */
}



/* Breakpoint x-chico */
@media (min-width: 0px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: small;
    }
    .imagenServicios{
    padding: 10px;
        align-items: center;
        text-align:center;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: small;
        text-align: justify;

    }
}

/* Breakpoint chico */
@media (min-width: 576px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: medium;
    }
}

/* Breakpoint mediano */
@media (min-width: 768px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: x-large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: larger;
    }
}


/* Breakpoint xl */
@media (min-width: 1200px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: x-large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: larger;
    }
}

@media (min-width: 1200px) {
    .textoSevicios{
        font-family: MontserratBold;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: x-large;
    }
    .imagenServicios{
    padding-right: 3vw;
        align-items: center;
        text-align:right;
    }
    .textoSevicios2{
        font-family: MontserratLight;
        font-size: larger;
    }
}