/* {
    font-family: 'Montserrat';
    font-size: 16px;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}*/
.body{
    margin: auto;
    max-width: 1920px;
    font-family: 'Montserrat';
    font-size: 16px;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

.modal{
    left: 50%!important;
    top: 50%!important;
}

.modal.countrySelectorModalClass {
    box-shadow: none!important;
}

.modal .modal-content {
    height: fit-content!important;
}

/*.modal .modal-content .modal-footer-country-selector {
    margin: 45px -40px 0!important;
}*/


.div-uno-slide-dos {
    display: none;
}

.carousel-inner {
    background-color: #fff;
}

.MT-card-text p{
    font-family: 'Montserrat';
    font-size: 16px;
}

.MT-main-text p {
    font-family: 'Montserrat';
    font-size: 16px;
}
/* VIDEO */

.MT-header-video {
    width: 100%;
    margin-bottom: -0.2%;
}

.MT-header-video img{
    width: 100%;
}

/* LOGO */

.MT-header-logo {
    width: 100%;
    background-color: #A5CCB2;
    display: flex;
    justify-content: center;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}

/* SECTION */

.MT-container-box {
    width: 100%;
}
.MT-container-box .MT-container-box-column {
    width: 100%;
}

.MT-container-box .MT-container-box-column h1 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 43.88px;
    /*padding-bottom: 4%;*/
    padding-top: 5%;
}

.MT-container-compromiso-mediambiental {
    width: 65%;
    /* display: flex; */
    justify-content: space-evenly;
    display: flex;
    margin: 0 auto;
}

.social {
    width: 55%;
    padding-bottom: 5%;
}

.MT-card-compromiso-medioambiental {
    width: inherit;
    margin-right: 1%;
    margin-left: 1%;
}

.MT-container-compromiso-mediambiental .MT-card-compromiso-medioambiental .MT-card-text {
    text-align: center;
    line-height: 25.1px;
}

.MT-container-compromiso-mediambiental .MT-card-compromiso-medioambiental .MT-card-text .MT-text-card-bold {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Montserrat';
}

.MT-container-compromiso-mediambiental .MT-card-compromiso-medioambiental .MT-card-image {
    display: flex;
    justify-content: center;
    margin-bottom: 12%;
}

/* CARRUSEL */

.MT-carrusel-container {
    width: 100%;
    background-color: #A5CCB2;
}

.MT-carrusel-container .MT-carrusel-titulo-superior h2{
    font-size: 18px;
    font-weight: 700;
    line-height: 21.94px;
    text-align: center;
    letter-spacing: 0.33em;
    padding-bottom: 0.4%;
    padding-top: 2%;
    background-color: #A5CCB2;
}

.MT-carrusel-container .MT-carrusel-titulo-inferior h2{
    font-size: 36px;
    font-weight: 700;
    line-height: 43.88px;
    text-align: center;
    padding-bottom: 2.8%;
    background-color: #A5CCB2;
}

.MT-carrusel-slider-container {
    width: 100%;
    overflow: hidden;
}

.slide {
    background-color: #A5CCB2;
    width: 100%;
    display: flex;
}

.slidee {
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 8000ms;
    animation-name: autoplayCarrusel;
    animation-duration: 30s;
     animation-direction: alternate;
    animation-fill-mode: forwards;
     animation-iteration-count: infinite;
}

#slide1 {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

#slide2{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    background-color: #A5CCB2;
    overflow: hidden;
}

#slide3{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    background-color: #A5CCB2;
    overflow: hidden;
}

.item-slide {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}

.MT-carrusel-radio-button {
    background-color: #A5CCB2;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 3%;
}

.MT-input{
    margin-right: 0.5%;
}

.pagination {
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #A5CCB2;
    padding-bottom: 3%;
    padding-top: 3%;
}

.pagination-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid black;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    margin: 0 5px;
    text-align: center;
    transition: all 900ms;
}

input[id="1"]:checked ~ .pagination .pagination-item[for="1"] {
    background: black;
}

input[id="2"]:checked ~ .pagination .pagination-item[for="2"] {
    background: black;
}

input[id="3"]:checked ~ .pagination .pagination-item[for="3"] {
    background: black;
}

input[id="1"]:checked ~ .slide{
    animation: none;
    transform: translate3d(0,0,0);
}

input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{
    background: black;
}

input[id="2"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 1), 0, 0);
}

input[id="2"]:checked ~ .pagination .pagination-item[for="2"]{
     background: black;
}

input[id="3"]:checked ~ .slide{
    animation: none;
    transform: translate3d(calc(-100% * 2), 0, 0);
}

input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{
     background: black;
}

@keyframes autoplayCarrusel{
    20%{
        transform: translate3d(calc(-100%*0),0,0);
    }
    40%{
        transform: translate3d(calc(-100%*1),0,0);
    }
    60%{
        transform: translate3d(calc(-100%*2),0,0);
    }
}

.MT-container-images-carrusel {
    width: 50%;
}

.MT-container-images-carrusel img{
    width: 100%;
}
#imageCarruselCuatro{
    width: 100%;
}

/* TEXTO */

.MT-main-text {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 3%;
    padding-top: 4%;
    text-align: center;
}

.MT-main-text p{
    line-height: 25.1px;
}

.MT-main-text>p>.MT-text-card-bold {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Montserrat';
}

.MT-carrusel-titulo-inferior h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 43.88px;
    text-align: center;
    margin-bottom: -0.5%;
}

.MT-main-text-p {
    width: 59%;
    margin: 0 auto;
    padding-bottom: 2%;
    padding-top: 1%;
}

.MT-main-text-p p {
    width: 100%;
    text-align: center;
    font-weight: 400;
    line-height: 25.1px;
    font-size: 16px;
}

.MT-main-text-p>p>.MT-text-card-bold {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Montserrat';
}

/* RECOLETOS */

.MT-recoletos {
    display: flex;
    width: 100%;/*65*/
    margin: 0 auto;
}

.MT-recoletos-box-material-button a {
    text-decoration: none;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Montserrat';
}

.MT-recoletos-box-material-button a:hover {
    text-decoration: none;
    color:#fff;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Montserrat';
}

.MT-recoletos-box {
    width: 50%;
    position: relative;
}

.agrandarBoton {
    transform: scale(1.5);
    transition-duration: 2s;
    background-color: black;
    color:#A5CCB2;
}

.colorearBotonPrimero {
    background-color: black;
}

.achicarBotonPrimero {
    transform: scale(0.6);
    transition-duration: 2s;
}

.achicarBoton {
    transform: scale(1.0);
    transition-duration: 2s;
}

/* Recoletos Image */
.left {
    display: flex;
    justify-content: center;
}

#MT-bloque-number-text-dos {
    display: none;
}

#MT-bloque-number-text-tres {
    display: none;
}

#MT-bloque-number-text-cuatro {
    display: none;
}

#MT-bloque-number-text-cinco {
    display: none;
}

#MT-bloque-number-text-seis {
    display: none;
}

/* NEWPORT */
#MT-bloque-number-text-dos-newport {
    display: none;
}

#MT-bloque-number-text-tres-newport {
    display: none;
}

#MT-bloque-number-text-cuatro-newport {
    display: none;
}


#MT-bloque-number-text-cinco-newport {
    display: none;
}

#bloqueAnimacion {
    width: 10%;
    margin-right: 5%;
}
.MT-recoletos-box-material {
    display: flex;
    width: 100%;
    padding-bottom: 5%;
}

.MT-recoletos-box-material h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 21.94px;
}

.MT-recoletos-box-material-number {
    width: 10%;
    margin-right: 10%;
}

.recoletosNumberBox {
    margin-right: 1%;
}

.MT-recoletos-box-material-number h4 {
    color: #EDEDED;
    font-weight: 700;
    font-size: 144px;
    margin-top: 70%;
}

.MT-recoletos-box-material-text {
    width: 70%;
}

.MT-recoletos-box-material-text-title p {
    font-size: 16px;
    font-weight:  700;
    line-height: 25.1px;
}

.MT-recoletos-box-material-text-definition p {
    font-size: 16px;
    line-height: 25.1px;
    font-weight: 400;
}

.MT-recoletos-box-material-button {
    outline: 0;
    text-align: center;
    width: 210px;
    height: 52px;
    border: none;
    max-width: 300px;
    text-transform: uppercase;
    color: #fff;
    background-color: #212529;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.MT-recoletos-box-material-button:hover {
    cursor: pointer;
}

.button {
    margin-top: 3%;
}

.button-dos {
    display: none;
}

/* NEWPORT */

.newport {
    display: flex;
    width: 60%;
    margin: 0 auto;
    flex-direction: row-reverse;
}

.titulo-inferior-newport {
    margin-top: 4%;
}

/* PICTURE BLOCKS */

.MT-container-models {
    width: 80%;
    display: flex;
    padding-top: 4%;
    margin: 0 auto;
}

.MT-container-models-left {
    width: 50%;
}

.MT-container-models-right {
    width: 50%;
}

/* LEFT COLUMN PICTURE BLOCKS */

.MT-container-models .MT-container-models-left .MT-container-box-top {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-evenly;
}

.MT-container-box-bottom {
    width: 100%;
}

.MT-container-box-image {
    width: 100%;
}

.MT-container-box-image img {
    width: 100%;
}

.MT-container-box-bottom #recoletos-3 {
    width: 100%;
}

/* RIGHT COLUMN PICTURE BLOCKS */

.MT-container-models-right .MT-container-box-bottom {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-evenly;
}

.MT-container-models-right .MT-container-box-top {
    width: 100%;
}

.MT-container-box-top #newport-2 {
    width: 100%;
}

/* MEN & WOMEN BUTTONS */

.MT-container-buttons {
    width: 40%;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}

.carouselExampleControls {
    display: none;
}

.carousel{
    display: none;
}

/* Números */
.recoletos-numbers-one {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 70%;
        top: 50%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
    .recoletos-numbers-one:hover,
    .recoletos-numbers-two:hover,
    .recoletos-numbers-three:hover,
    .recoletos-numbers-four:hover,
    .recoletos-numbers-five:hover,
    .recoletos-numbers-six:hover,
    .recoletos-numbers-one-newport:hover,
    .recoletos-numbers-two-newport:hover,
    .recoletos-numbers-three-newport:hover,
    .recoletos-numbers-four-newport:hover,
    .recoletos-numbers-five-newport:hover
     {
        background-color: black;
        color: #A5CCB2;
        cursor:pointer;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 55%;
        top: 30%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 24%;
        top: 15%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 30%;
        top:30%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 20%;
        top: 50%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 50%;
        top: 65%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 90%;
        top: 65%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 70%;
        top: 80%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 20%;
        top: 40%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 65%;
        top: 50%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 0;
        top: 45%;
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
    #imgDeskAware {
        display: block;
    }
    #imgMobAware {
        display: none;
    }
/******************************************************************************/
/*                               RESPONSIVE                                  */
/*****************************************************************************/
@media(max-width: 1366px){ 
    .recoletos-numbers-one {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 490px;
        top: 3020px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 360px;
        top: 2930px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 154px;
        top: 2899px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 40px;
        height: 40px;
        /*left: 230px;
        top: 2950px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 140px;
        top: 3000px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 320px;
        top: 3045px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 1070px;
        top: 3620px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 940px;
        top: 3659px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 770px;
        top: 3538px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 910px;
        top: 3540px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 680px;
        top: 3551px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
}

@media(max-width: 1280px){ 
    .recoletos-numbers-one {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 490px;
        top: 2970px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 360px;
        top: 2880px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 144px;
        top: 2830px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 210px;
        top: 2899px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 120px;
        top: 2930px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 310px;
        top: 2985px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 998px;
        top: 3560px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 884px;
        top: 3599px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 710px;
        top: 3478px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 884px;
        top: 3498px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 620px;
        top: 3500px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
}

@media(max-width: 1200px){ 
    .recoletos-numbers-one {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 460px;
        top: 2910px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 350px;
        top: 2830px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 120px;
        top: 2790px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 40px;
        height: 40px;
   /*     left: 195px;
        top: 2850px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 100px;
        top: 2870px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 290px;
        top: 2930px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 950px;
        top: 3500px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 834px;
        top: 3529px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 650px;
        top: 3420px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 834px;
        top: 3430px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 570px;
        top: 3430px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
}


@media(max-width: 1024px){
    .MT-container-box .MT-container-box-column h1 {
        padding-top: 4%;
    }

    .MT-carrusel-titulo-inferior h2 {
        margin-bottom: auto;
    }

    #bloqueAnimacion {
        margin-right: 10%;
    }

    .recoletos-numbers-one {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 405px;
        top: 2748px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 292px;
        top: 2668px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 80px;
        top: 2630px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 150px;
        top: 2690px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 55px;
        top: 2720px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 250px;
        top: 2765px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 40px;
        height: 40px;
  /*      left: 840px;
        top: 3360px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 720px;
        top: 3380px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 540px;
        top: 3280px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 720px;
        top: 3280px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 460px;
        top: 3301px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
    .leftNewport {
        margin-left: 20%;
    }
    .boxNumberNewport {
        margin-right: 25%;
    }

    .bloqueNewport{
        margin-top: 11%;
    }
}

@media screen and (max-width: 769px) {
    .recoletos-numbers-one {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 400px;
        top: 2840px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 292px;
        top: 2765px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 95px;
        top: 2710px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 135px;
        top: 2770px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 50px;
        top: 2810px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 230px;
        top: 2870px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 810px;
        top: 3460px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 697px;
        top: 3503px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 530px;
        top: 3390px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 710px;
        top: 3420px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 40px;
        height: 40px;
       /* left: 460px;
        top: 3400px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

}


@media(max-width: 768px){
    #imgDeskAware {
        display: none;
    }
    #imgMobAware {
        display: block;
    }
    .button-newport {
        margin-top: 10%;
    }
    /* compromiso medioambiental */
    .MT-container-box .MT-container-box-column {
        width: 100%;
        position: relative;
    }
    .leftNewport {
        margin-left: 0;
    }
    .MT-container-compromiso-mediambiental {
        width: 100%;
        display: flex;
        justify-content: unset;
        overflow: scroll;

        /*overflow: scroll;
        padding-left: 200px;*/
    }

    .MT-card-compromiso-medioambiental {
        /*width: 100%;*/
        /*margin-right: 1%;
        margin-left: 1%;*/
        /*width: 45%;*/
        min-width: 200px;
        position: relative;
        margin: 1rem .3rem 1rem 2rem;
    }

    #MT-container-compromiso-social {
        width: 100%;
        /* display: flex; */
        /* justify-content: space-evenly; */
        display: flex;
        /*overflow: scroll;
        padding-left: 150px;*/
    }
    /* carrusel superior */
    .MT-carrusel-container .MT-carrusel-titulo-superior h2{
        font-size: 14px;
        line-height: 17.07px;
    }

    .MT-carrusel-container .MT-carrusel-titulo-inferior h2 {
        font-size: 24px;
        line-height: 29.26px;
        margin-bottom: 2%;
    }
    .MT-carrusel-container {
        background-color: #A5CCB2;
    }

    .div-uno-slide-uno{
        display: none;
    }

    .div-uno-slide-dos {
        display: block;
    }

    .div-uno-slide-dos-tres {
        display: none;
    }

    .MT-container-images-carrusel {
        width: 100%;
    }
    .MT-container-images-carrusel img{
        width: 100%;
    }

    .MT-container-models {
        display: none;
    }
    /* Texto Bajo el Carrusel */
    .MT-main-text {
        width: 90%;
        margin-bottom: 5%;
        margin-top: 5%;
    }

    .MT-carrusel-titulo-inferior h2 {
        font-size: 24px;
        line-height: 29.26px;
        margin-bottom: 5%;
    }

    .MT-main-text-p {
        width: 90%;
    }

    /* Recoletos */
    #bloqueAnimacion {
        margin-left: 10%;
        margin-right: 20%;
    }

    .#bloqueAnimacion {

    }

    .MT-recoletos {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .left {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .MT-recoletos-box {
        width: 100%;
    }

    .MT-recoletos-box img{
        width: 100%
    }

    .MT-recoletos-box-material h4 {
        width: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
    }

    .MT-recoletos-box-material {
        display: flex;
        width: 100%;
        padding-bottom: 5%;
    }

    .MT-recoletos-box-material-number {
        width: 30%;
        margin-right: 0;
    }

    .MT-recoletos-box-material-number h4{
        font-weight: 700;
        font-size: 144px;
    }

    .MT-recoletos-box-material-text-title p{
        font-size: 14px;
    }

    .MT-recoletos-box-material h4 {
        width: 100%;
        text-align: center;
    }

    .MT-recoletos-box-material-text {
        width: 70%;
    }

    #MT-bloque-number-text-container,
    #MT-bloque-number-text-dos,
    #MT-bloque-number-text-tres,
    #MT-bloque-number-text-cuatro,
    #MT-bloque-number-text-cinco,
    #MT-bloque-number-text-seis {
        margin-bottom: 10%;
    }

    .MT-recoletos-box-material-text-definition p{
        margin-bottom: 0;
        padding: 0.1em;
    }

    .button {
        display: none;
    }

    .MT-recoletos-box-material-button {
        width: 95%;
        max-width: 100%;
        margin: auto;
    }

    .button-dos {
        margin-bottom: 20%;
    }

    /* Newport */

    #MT-newport-box-material {
        margin-top: 5%;
    }

    /*carrusel inferior*/
    .carouselExampleControls {
        display: block;
    }

    .carousel{
        display: block;
    }
    .carousel-control-prev-icon {
        background-color: black;
    }

    .carousel-control-next-icon {
        background-color: black;
    }

    /*Botones Mujer y Hombre*/
    .buttons-wom-man {
        width: 100%;
    }

    .buttons-wom-man button{
        width: 40%;
    }

    /* Números Recoletos */
    .recoletos-numbers-one {
        position: absolute;
        width: 50px;
        height: 50px;
   /*     left: 600px;
        top: 2940px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 45px;
        height: 45px;
    /*    left: 425px;
        top: 2806px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 45px;
        height: 45px;
        left:  15%;
  /*      left: 125px;
        top: 2760px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 45px;
        height: 45px;
   /*     left: 230px;
        top: 2847px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 45px;
        height: 45px;
        left:  5%;
      /*  left: 95px;
        top: 2900px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 45px;
        height: 45px;
      /*  left: 360px;
        top: 2970px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 50px;
        height: 50px;
        left:75%;
        top: 60%;
     /*   left: 630px;
        top: 4290px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 50px;
        height: 50px;
          left:60%;
      
      /*  left: 455px;
        top: 4334px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 50px;
        height: 50px;
        left:  25%;
     /*   left: 190px;
        top: 4160px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 50px;
        height: 50px;
         left:  55%;
      /*  left: 455px;
        top: 4190px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 50px;
        height: 50px;
        left:  8%;
     /*   left: 80px;
        top: 4190px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
}
@media(max-width: 767px){
    .MT-container-compromiso-mediambiental{
        overflow: scroll;
        /*padding-left: 200px;*/
        justify-content: unset;
    }
    #MT-container-compromiso-social {
        overflow: scroll;
        /*padding-left: 150px*/
    }
}

@media(max-width: 540px){

    .MT-container-box .MT-container-box-column h1 {
        padding-top: 10%;
    }
    
    .bloqueNewport{
        margin-top: 0;
    }

    #MT-bloque-number-text-dos-newport,#MT-bloque-number-text-tres-newport,#MT-bloque-number-text-cuatro-newport,#MT-bloque-number-text-cinco-newport {
        margin-bottom: 10%;
    }

    .recoletos-numbers-one {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 430px;
        top: 2620px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 305px;
        top: 2535px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 90px;
        top: 2495px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 40px;
        height: 40px;
        /*left: 160px;
        top: 2555px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 40px;
        height: 40px;
        /*left: 70px;
        top: 2595px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 40px;
        height: 40px;
    /*    left: 255px;
        top: 2645px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 450px;
        top: 3680px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 40px;
        height: 40px;
     /*   left: 322px;
        top: 3720px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 140px;
        top: 3590px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 40px;
        height: 40px;
      /*  left: 326px;
        top: 3610px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 40px;
        height: 40px;
   /*     left: 55px;
        top: 3610px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 30px;
    }
    .boxNumberNewport {
        margin-right: 0%; 
    }

    .leftNewport {
        margin-left: 0%;
    }

}

@media(max-width: 414px){
    #MT-bloque-number-text-cuatro-newport,#MT-bloque-number-text-dos-newport,#MT-bloque-number-text-tres-newport,#MT-bloque-number-text-cinco-newport{
        margin-bottom: 10%;
    }
    .recoletos-numbers-one {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 330px;
        top: 2535px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 240px;
        top: 2470px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 30px;
        height: 30px;
   /*     left: 75px;
        top: 2440px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 128px;
        top: 2485px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 30px;
        height: 30px;
    /*    left: 55px;
        top: 2510px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 205px;
        top: 2558px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 350px;
        top: 3491px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 249px;
        top: 3515px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 30px;
        height: 30px;
        /*left: 118px;
        top: 3430px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 249px;
        top: 3440px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 50px;
        top: 3440px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

}

@media(max-width: 411px){
    #MT-bloque-number-text-cuatro-newport,#MT-bloque-number-text-dos-newport,#MT-bloque-number-text-tres-newport,#MT-bloque-number-text-cinco-newport {
        margin-bottom: 10%;
    }



/* Números Recoletos */
    .recoletos-numbers-one {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 326px;
        top: 2530px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 30px;
        height: 30px;
        /*left: 240px;
        top: 2470px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 70px;
        top: 2435px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 30px;
        height: 30px;
        /*left: 125px;
        top: 2480px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 30px;
        height: 30px;
        /*left: 55px;
        top: 2500px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 200px;
        top: 2550px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 340px;
        top: 3480px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 247px;
        top: 3507px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 115px;
        top: 3420px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 247px;
        top: 3420px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 30px;
        height: 30px;
        /*left: 50px;
        top: 3420px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }
}

@media(max-width: 375px){
    .recoletos-numbers-one {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 297px;
        top: 2470px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 220px;
        top: 2420px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 30px;
        height: 30px;
    /*    left: 65px;
        top: 2386px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 114px;
        top: 2425px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 30px;
        height: 30px;
    /*    left: 48px;
        top: 2450px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 187px;
        top: 2488px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 320px;
        top: 3400px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 227px;
        top: 3427px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 108px;
        top: 3350px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 30px;
        height: 30px;
    /*    left: 227px;
        top: 3350px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 40px;
        top: 3354px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }
}

@media(max-width: 360px){
    .MT-container-box .MT-container-box-column h1 {
        padding-top: 5%;
    }

    #MT-bloque-number-text-dos-newport {
        margin-bottom: 15%;
    }
    
    #MT-bloque-number-text-cuatro-newport {
        margin-bottom: 10%;
    }

    #MT-bloque-number-text-cinco-newport {
        margin-bottom: 10%;
    }

    .recoletos-numbers-one {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 285px;
        top: 2520px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 210px;
        top: 2460px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 60px;
        top: 2430px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 110px;
        top: 2475px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 50px;
        top: 2495px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 180px;
        top: 2535px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 300px;
        top: 3430px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 30px;
        height: 30px;
   /*     left: 216px;
        top: 3450px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 99px;
        top: 3380px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 216px;
        top: 3380px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 40px;
        top: 3390px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }
}

@media(max-width: 320px){ 
    .recoletos-numbers-one {
        position: absolute;
        width: 30px;
        height: 30px;
        /*left: 251px;
        top: 2555px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 30px;
        height: 30px;
       /* left: 193px;
        top: 2510px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 30px;
        height: 30px;
    /*    left: 50px;
        top: 2480px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 98px;
        top: 2515px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 40px;
        top: 2530px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 156px;
        top: 2565px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 30px;
        height: 30px;
     /*   left: 260px;
        top: 3488px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 194px;
        top: 3508px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 93px;
        top: 3445px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 30px;
        height: 30px;
    /*    left: 200px;
        top: 3450px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 30px;
        height: 30px;
      /*  left: 35px;
        top: 3448px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }
}

@media(max-width: 280px){ 
    .MT-container-box .MT-container-box-column h1 {
        font-size: 28px;
    }
    .MT-card-compromiso-medioambiental {
            margin: 1rem .3rem 1rem 4rem;
    }

    #cardUnoSocial {
        margin-right: 1.5rem;
    }

    .buttons-wom-man button {
        width: 45%;
       font-size: 14px;
    }
    .recoletos-numbers-one {
        position: absolute;
        width: 25px;
        height: 25px;
      /*  left: 225px;
        top: 2600px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two {
        position: absolute;
        width: 25px;
        height: 25px;
        /*left: 168px;
        top: 2560px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three {
        position: absolute;
        width: 25px;
        height: 25px;
        /*left: 52px;
        top: 2535px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four {
        position: absolute;
        width: 25px;
        height: 25px;
        /*left: 90px;
        top: 2570px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five {
        position: absolute;
        width: 25px;
        height: 25px;
       /* left: 38px;
        top: 2589px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-six {
        position: absolute;
        width: 25px;
        height: 25px;
        /*left: 140px;
        top: 2615px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    /*Números Newport*/
    .recoletos-numbers-one-newport {
        position: absolute;
        width: 25px;
        height: 25px;
       /* left: 238px;
        top: 3500px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-two-newport {
        position: absolute;
        width: 25px;
        height: 25px;
     /*   left: 172px;
        top: 3512px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-three-newport {
        position: absolute;
        width: 25px;
        height: 25px;
       /* left: 80px;
        top: 3458px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-four-newport {
        position: absolute;
        width: 25px;
        height: 25px;
     /*   left: 172px;
        top: 3460px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }

    .recoletos-numbers-five-newport {
        position: absolute;
        width: 25px;
        height: 25px;
      /*  left: 35px;
        top: 3460px;*/
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        text-align: center;
        color: black;
        z-index: 10;
        border-radius: 50%;
        background-color: #A5CCB2;
        font-size: 22px;
    }
}

/*img, video{
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
}*/