@media(min-width: 1622px){
    html{
        font-size: 11px;
    }
    .imagenes__right {
        left: -12rem;
        top: 15rem;
    }
    .section3__image-left--img {
        position: absolute;
        top: -29rem;
    }
    .section3__image-right--img {
        position: absolute;
        top: -28rem;
        right: 0;
        max-height: 70rem;
    }
    
}
@media(min-width: 1824px) and (max-width:4000px){
    .imagenes__right {
        position: relative;
        left: -9.2rem;
        top: 15rem;
    }
    .section8__image-principal--3-1{
        width: 550px !important;
        top: -16rem;
    }
}


@media(max-width:1510px){
    .section8__image-principal--2{
        top: -27rem;
    }
}

@media(max-width: 1500px){
    .section8__image-principal--2{
        top: -27rem;
    }
}
@media(max-width: 1428px){
    .section8__image-principal--2{
        top: -30rem;
    }
    .imagenes__left{
        left: -17.5rem;
    }
    .imagenes__right{
        left: -17.5rem;
    }
    .section3--servicios__container--right {
        margin-right: 25rem;
        position: relative;
        left: 18rem;
    }
    
}
@media(max-width: 1389px){
    .section8__image-principal--3{
        top: -27rem;
    }
    .section2__title{
        text-align: left;
        width: 80%;
    }
}
@media(max-width:1367px){
    .section3__title{
        font-size: 4.9rem;
    }
}

@media(max-width:1335px){
    .section6__title{
        font-size: 4.5rem;
        margin-left: 5rem;
    }
    .section8__image-principal--1{
        top: -24rem;
    }
    .imagenes__left{
        left: -3.5rem;
        bottom: -14.3rem;
        height: 40rem;
        width: 45rem;
    }
    .imagenes__right{
        left: -4rem;
        bottom: -19.3rem;
        width: 70%;
        height: 35rem;
        width: 40rem;
    }
    .section2__title{
        margin: 2rem 0rem 0rem 18rem;
    }
}

@media(max-width:1332px){
    .section5__btn{
        margin: 5rem 15rem;
    }
    .section3__image-left--img{
        top: -30.7rem;
    }
    .section3__image-right--img{
        top: -29.2rem;
    }
}

@media(max-width:1312px){
    .section4__text{
        padding: 4rem 4rem;
    }
    .list__item{
        font-size: 1.6rem;
    }
    .section3--servicios__container--text{
        text-align:left;
        font-size: 1.7rem;
    }
}

@media(max-width:1292px){
    .section8__image-principal{
        width: 80%;
    }
    .section8__image-principal--1{
        top: -22rem;
    }
    .section8__image-principal--2{
        top: -29rem;
        width: 70%;
    }
    .section8__image-principal--3{
        top: -27rem;
        /* width: 70%; */
    }
   
    .imagenes__left{
        left: -3.5rem;
        bottom: -13rem;
        height: 40rem;
        width: 45rem;
    }
    .imagenes__right{
        left: -4rem;
        bottom: -18rem;
        width: 70%;
        height: 35rem;
        width: 40rem;
    }
    .section2__title{
        margin: 2rem 0rem 0rem 18rem;
        font-size:3.4rem;
    }
    .section1--servicios__title{
        font-size: 8rem;
    }
    .flecha__img{
        position: relative;
        top: -3rem;
        left: 59rem;
        filter: invert(100%);
        width: 100px;
        z-index: 99;
    }
}

@media(max-width:1273px){
    .section3__image-left--img{
        top: -33.7rem;
    }
    .section3__image-right--img{
        top: -32.4rem;
    }
    .section4__title{
        padding: 0rem 3rem;
        padding-bottom: 2rem;
        font-size: 5.5rem;
    }
    .section3--servicios__container--subtitle {
        font-size: 2.7rem;
    }
    .section1__podcast--title{
        font-size: 9rem;
        margin-left: 20rem;
    }
    .section1__podcast--subtitle{
        margin-left: 9rem;
        font-size: 3.2rem;
    }
}

@media(max-width: 1262px){
    .list__item{
        font-size: 1.5rem;
    }
}

@media(max-width:1248px){
    .section1__text{
        font-size: 6.5rem;
        top: 40rem;
    }
    
    .section3__title{
        padding: 5rem 0 0 0;
    }

    .section4__title{
        font-size: 5.5rem;
    }

    .section4__text{
        font-size: 2rem;
        padding: 3rem 4rem;
    }

    .section8__image-principal--1{
        top: -23rem;
    }

    .section8__image-principal--2 {
        top: -29rem;
    }
    .section3__image-left--img{
        top: -31.7rem;
    }
    .section3__image-right--img{
        top: -30.4rem;
    }
    .section2__container{
        flex-basis: 100%;
    }
}

@media(max-width:1221px){
   
    .section3__title{
        font-size: 4.7rem;
    }
    .layout__section4--servicios{
        background-size:contain ;
        background-repeat: no-repeat;
        background-color: var(--color-menu);
    }
    .section1__podcast--subtitle{
        position: relative;
        z-index: 10;
    }
}

@media(max-width:1185px){
    .section5__img{
        left: 0;
        margin: 9rem 0 5rem 0;
    }
    .section3__title{
        font-size: 4.6rem;
    }
    .section2__title{
        font-size:3.2rem;
    }
    .imagenes__left{
        bottom: -12.5rem;
        left: -8.5rem;
    }
    .imagenes__right{
        bottom: -17.5rem;
        left: -9rem;
    }
    .section3--servicios__container--right {
        margin-right: 22rem;
    }

}

@media(max-width: 1165px){
    html{
        overflow-x: hidden;
    }
    .list__item{
        font-size: 1.7rem;
    }
    .nav__list{
        line-height: 8rem;
    }
    .menu__navbar{
        display: inline-block;
    }
    .list__item::before{
        content: " ";
        bottom: 2.5rem;
    }
    .navbar__logo--image{
        display: none;
    }
    .section3__title{
        font-size: 4.4rem;
    }
    .section3__image-right--img{
        top: -28.9rem;
    }
    .section3__image-left--img{
        top: -30.5rem;
    }
    .section8__image-principal--1{
        top: -28rem;
    }
    .section5--servicios__text{
        width: 80%;
    }
    .title__aviso-legal {
        font-size: 2.5rem;
        text-align: center;
    }
    
    .subtitle__aviso-legal {
        font-size: 1.8rem;
    }
    .text__aviso-legal{
        font-size: 1.1rem;
    }
}

@media(max-width:1135px){
    .section2__title{
        font-size:3rem;
    }
    .imagenes__left{
        bottom: -11.9rem;
        left: -8.5rem;
    }
    .imagenes__right{
        bottom: -16.8rem;
        left: -9rem;
    }
    .section1__podcast--title {
        font-size: 7.5rem;
        margin-left: 17rem;
    }
    .section1__podcast--subtitle {
        margin-left: 7rem;
        font-size: 2.8rem;
    }
    .section1__podcast--btn {
        top: -6rem;
        left: -5rem;
        width: 32rem;
        font-size: 2.7rem;
    }
}

@media(max-width: 1127px){
    .section4__title {
        font-size: 5rem;
    }
    .section6__title {
        font-size: 4rem;
        margin-left: 14rem
    }
    .section6__text {
        padding: 0 0rem 5rem 10rem;
        width: 70%;
    }
    .section3__title{
        font-size: 4rem;
    }
    .section3__image-right--img{
        top: -28rem;
    }
    .section3__image-left--img{
        top: -29.5rem;
    }
    .section1--servicios__img{
        height: 55rem;
    }
    .section1__podcast--subtitle{
        top: 45rem;
    }
}

@media(max-width: 1115px){
    .section8__image-principal--2{
        top: -29.4rem;
    }
    .section8__name-image--2{
        margin-top: 5.5rem;
    }
    .section8__image-principal--1{
        top: -28rem;
    }
}

@media(max-width:1100px){
    .section2__title{
        font-size:2.8rem;
    
    }
    .imagenes__left{
        bottom: -11.3rem;
        left: -9rem;
    }
    .imagenes__right{
        bottom: -16.3rem;
        left: -10rem;
    }
}

@media(max-width: 1065px){
    .section2__title{
        text-align: left;
        font-size: 3.2rem;
    }
    .section2__layout{
        padding: 4rem 0;
    }
    .imagenes__left{
        bottom: -8.6rem;
        left: -9rem;
    }
    .imagenes__right{
        bottom: -13.6rem;
        left: -10rem;
    }
    .section8__image-principal--3{
        top: -29rem;
    }
}

@media(max-width:1060px){
    .section8__image-principal--3{
        top: -32.7rem;
    }
    .section8__name-image--3{
        margin-top: -3rem;
    }
    .section1__image {
        width: 100%;
        min-height: 62.5rem;
    }
    .section4__title{
        font-size: 4.5rem;
        padding: 0rem 0 1rem 2rem;
    }
    .section4__text{
        font-size: 2rem;
        padding: 2rem 3rem;
    }
    .section8__image-principal--3{
        top: -25rem;
    }
    
    .section2--podcast__title{
        margin: 0 5rem;
    }

    .section2--podcast__text{
        margin: 5rem;
    }
    .icon-1__podcast{
        margin-left: 2rem;
    }
    .icon-2__podcast{
        margin-left: 2.5rem;
    }
    .icon-3__podcast{
        margin-left: 3rem;
    }
}

@media(max-width:1054px){
    .section2__title{
        width: 100%;
        margin-left: 12rem;
    }
    .section2__img{
        left: -9rem;
    }
    .section2__button{
        margin-left: 6rem;
    }
    .layout__section3--servicios{
        display: flex;
        flex-direction: column;
    }
    .section3--servicios__flechas{
        display: none;
    }
    .section3--servicios__container{
        display: flex;
        flex-direction: column;
    }
    .section3--servicios__container--right {
        margin-right: 7rem;
        position: relative;
        left: 0;
        margin-left: 7rem;
    }
    .section3--servicios__button {
        margin-left: -10rem;
    }
    .section3__salto-linea{
        display: block;
    }
    .section3--servicios__precio {
        margin-left: 8rem;
        padding: 0.3rem;
        border: none;
        border-top: 2px dashed var(--color-beast);
        border-bottom: 2px dashed var(--color-beast);
        border-right: 2px dashed var(--color-beast);
    }
    .section3--servicios__title {
        margin-left: 20rem;
    }
    .section4--servicios__title{
        font-size: 5rem;
    }
}

@media(max-width:1036px){
    .layout__section8{
        min-height: 220rem;
    }
    .section8__table{
        display: none;
    }
    .table__responsive{
        display: block;
        width: 100%;
    }
    .section8__image-principal--3{
        top: -31.7rem;
    }
    .section8__name-image--3{
        margin-top: -5rem;
    }
    .section1__image {
        width: 100%;
        min-height: 60.5rem;
    }
    .section7__title {
        font-size: 4rem;
        width: 80%;
    }
    .section3__title{
        font-size: 3.4rem;
    }
    .section3__image-right--img{
        top: -22rem;
        width: 40%;
    }
    .section3__image-left--img{
        top: -23.5rem;
        width: 34.5%;
    }
    .section1--servicios__img{
        height: 50rem;
    }
    .layout__section1--servicios{
        height: 50rem;
    }
    .flecha__img{
        left: 64rem;
    }
    
    .section1__calculadora-RM{
        background-size: contain;
        background-repeat: no-repeat;
        background-color: var(--color-menu);
        /* z-index: 999; */
    }
    
}

@media(max-width:1008px){
    .section8__image-principal--2{
        top: -32rem;
    }
    .section8__name-image--2{
        margin-top: -5rem;
    }
    .section1__image {
        width: 100%;
        min-height: 58.5rem;
    }
    .section4__title{
        font-size: 4rem;
    }
    .section2__container{
        flex-basis: 100%;
    }

    @media(max-width: 1000px){
        .layout__menu-toggle{
            display: block;
            position: absolute;
            width: 4.8rem;
            height: 4.8rem;
            line-height: 4.8rem;
            top: 1rem;
            right: 2.5rem;
            font-size: 2.5rem;
            text-align: center;
            background-color: var(--color-secundary);
            color: var(--color-beast);
            border-radius: 3rem;
            cursor: pointer;
            transition: all 500ms ease-in-out;
            transition: z-index 0.3s ease;
            z-index: 99999;
        }

        .layout__section1--servicios{
            margin: 0;
        }

        .menu-toggle__icon{
            position: relative;
            color: var(--color-beast);
            display: block;
            position: absolute;
            top: 25%;
            left: 29%;
            transition: all 300ms ease-in-out;
            float: right;
        }
    
        .fa-bars{
            position: relative;
            opacity: 1;
            font-size: 4rem;
            overflow: hidden;
            
        }
    
        .fa-xmark{
            opacity: 0;
            font-size: 4rem;
        }

        .layout__menu{
            position: absolute;
            min-width: 100%;
            top: 0rem;
            right: 0rem;
            bottom: 0;
            text-align: center;
            overflow: hidden;
            transition: all 400ms ease-in-out;
            z-index: 999;
            margin-top: -100%;
            opacity: 0;
            
        }

        .navbar__logo--image{
            display: block;
            width: 220px;
            margin-top: 3rem;
            margin-bottom: 3rem;
            margin-left: 2.7rem;
        }

        .navbar__nav{
            flex-direction: column;
        }

        .layout__aside--visible{
            width: 100%;
            margin-top: 0;
            opacity: 1;
            background-color: transparent;
        }
        
        .layout__aside--hidden{
            margin-right: -100%;
            opacity: 0;
        }

        .navbar__logo--responsive{
            display: block;
            position: absolute;
            top: 3rem;
            left: 3rem;
            z-index: 998;
        }
        .navbar__logo--image--responsive{
            cursor: pointer;
        }

        .section1__image{
            min-height: auto;
        }
        .section1__text{
            top: 30rem;
            font-size: 5.5rem;
        }

        .section3__image-left--img{
            top: -21.7rem;
        }
        .section3__image-right--img{
            top: -20rem;
        }

        .section5__img{
            width: 35rem;
            margin: 12rem 3rem 12rem 0rem;
        }

        .section6__img{
            width: 80rem;
            left: 0;
        }
        .section6__btn{
            position: relative;
            left: 5rem;
        }
        .section7__text{
            padding: 1rem;
        }
        .section1__calculadora-RM{
            position: relative;
        }
        .section1__podcast--title{
            top: 12rem;
            
        }
        .section1__podcast--subtitle{
            top: 15rem;
            margin-left: 9rem;
        }
        .section2__podcast{
            padding-top: 5rem;
            background-color: var(--color-menu);
            border: none;
            padding: 12rem 0;
        }
        .image-principal__podcast{
            width: 60rem;
            
        }
        .section1__podcast--btn{
            visibility: hidden;
        }
        .section6--servicios__title{
            font-size: 5rem;
        }
        .tarjeta{
            height: 55rem;
            width:75rem;
        }
        .tarjeta::after{
            height: 54rem;
            width: 74rem;
        }
    }

    @media (max-width:927px){
        
        .section4__title{
            position: relative;
            top: -7rem;
        }
        .section4__text{
            position: relative;
            top: -7rem;
        }
        .section4__btn{
            position: relative;
            top: -9rem;
        }
        .section5__img{
            width: 30rem;
        }
        
        .section1--servicios__title{
            font-size: 6rem;
        }
        .flecha__img{
            left: 53rem;
            top: -0.7rem;
            width: 80px;
        }
        .section4--servicios__title{
            font-size: 4rem;
        }
        .section4--servicios__text{
            font-size: 1.8rem;
            width: 100%;
            margin: 1rem
        }
        .section1__podcast--subtitle{
            margin-left: 10rem;
        }
        .layout__section8{
            max-height: 170rem;
        }
        
    }

    @media (max-width:907px){
        .section2__layout{
            padding: 2rem 0;
            min-height: 40.5rem;
        }
    }

    @media (max-width:888px){
        .section2__title{
            font-size: 2.7rem;
        }
        .imagenes__right{
            height: 24.5rem;
            left: -1rem;
        }
        .imagenes__left{
            height: 29.5rem;
            left: -2rem;
        }
        .section2__button{
            width: 23rem;
            height: 5rem;
            font-size: 1.8rem;
            
        }
        .section2__img{
            width: 23rem;
        }
        .section6__btn{
            top: -2rem;
        }
        .section7__title{
            font-size: 3.5rem;
        }
        .section3--servicios__title{
            font-size: 5rem;
        }
        .section3--servicios__precio{
            font-size: 5rem;
            border: none;
            border-bottom: 2px solid var(--color-beast);
            border-radius: 0;
        }
        .section3--servicios__title {
            margin-left: 18rem;
        }
        .section1__calculadora-RM{
            background-size: contain;
            background-repeat: no-repeat;
            background-color: var(--color-menu);
            /* z-index: 999; */
        }
        
    }

    @media (max-width:854px){
        .section2__layout{
            padding: 3rem 0;
            display: flex;
            flex-direction: column;
        }
        .section2__title{
            width: 70%;
        }
        .section2__img{
            width: 28rem;
            margin: 0 auto;
        }
        .section2__button{
            width: 27rem;
            margin: 0 auto;
            left: -1.5rem;
        }
        .imagenes__right{
            display: none;
            
        }
        .imagenes__left{
            display: none;
        }

        .layout__section3{
            min-height: auto;
        }
        .section3__title{
            width: 70%;
        }
        .section3__image-right--img{
            width: 25rem;
        }
        .section3__image-left--img{
            width: 22rem;
        }
        .section3__button{
            position: relative;
            top: -3rem;
        }
        .section4__title{
            font-size: 3.5rem;
            transform: scale(1);
            padding: 0rem;
        }
        .section4__text{
            font-size: 1.8rem;
            padding: 2rem 0;
        }
        .layout__section5{
            flex-direction: column;
            padding: 2rem 0 7rem 0;
        }
        .section5__btn{
            margin: 0 auto;
        }
        .section5__text{
            margin-bottom: 3rem;
        }
        .section5__img{
            display: none;
        }
        
        .section7__text{
            flex-direction: column;
        }
        .part__left, .part__right{
            margin: 0 auto;
            margin-bottom: 5rem;
        }
        .section7__enlace--left, .section7__enlace--right {
            margin-top: 2rem;
            margin-bottom: 0rem;
        }
        .part__right{
            margin-top: 3rem;
        }

        .section7__linea{
            display: inline;
        }
        .section5--servicios__text{
            font-size: 1.6rem;
        }

    }

    @media(max-width: 827px) {
        
        .section8__image-principal{
            top: -17rem;
            left: 4rem;
        }
        td{
            width: 50%;
        }
        .fila2__responsive{
            position: relative;
            top: -15rem;
        }
        .fila3__responsive{
            position: relative;
            top: -35rem;
        }

        .section1__text{
            font-size: 4.5rem;
            top: 18rem;
        }
        .social-media {
            padding: 0 5rem;
        }
        .section1__podcast--subtitle{
            margin-left: 11rem;
        }
        select, .form__label{
            font-size: 1.7rem;
        }
        
    }

    @media(max-width: 777px){
        .section6--servicios__title{
            font-size: 4rem;
        }
        .tarjeta{
            height: 55rem;
            width: 60rem;
        }
        .tarjeta::after{
            height: 54rem;
            width: 59rem;
        }
        .section6--servicios__sublist{
            font-size: 1.7rem;
        }
        .section5__text, .section6__text{
            text-align: left;
        }
    }

    @media(max-width: 758px){
        .table__responsive{
            display: none;
        }
        .table__responsive-2{
            display: block;
        }
        .layout__section8{
            max-height: max-content;
        }
        
        .section8__image-principal{
            width: 50%;
        }
        .section8__image-principal--3-1{
            width: 65% !important;
        }
        td{
            width: 100%;
        }
        .section4__title{
            font-size: 3rem;
        }
        .section6__right{
            padding: 3rem 0;
        }
        .section6__title{
            margin: 0 auto;
        }
        .section6__text{
            position: relative;
            left: -5rem;
        }
        .section6__btn{
            margin: 0 auto;
            position: relative;
            left: 1.5rem;
        }

        .section6__img{
            display: none;
        }

        .section1--servicios__img{
            height: 40rem;
        }
        .layout__section1--servicios{
            height: 40rem;
        }
        .section1--servicios__title {
            font-size: 6rem;
            top: 12rem;
            left: 35rem;
        }
        .flecha__img{
            left: 40rem;
        }
        .section5--servicios__sublist{
            font-size: 1.7rem;
        }
}

    
    @media(max-width:715px){
        .section1__podcast--subtitle{
            margin-left: 12rem;
        }
    }

    @media(max-width:680px){
        .section4__title{
            font-size: 2.5rem;
        }
        .section4__text{
            font-size: 1.8rem;
        }
        
        .section4--servicios__title{
            font-size: 4.5rem;
            transform: scale(1);
            margin-bottom: 0;
        }
        .section5--servicios__title{
            position: relative;
            margin: 0;
            transform: scale(1);
            left: 7rem;
        }
        .section5--servicios__sublist{
            font-size: 1.6rem;
        }
        .section1__podcast--title{
            margin-left: 9rem;
        }
        .section1__podcast--subtitle{
            margin-left: 4rem;
        }
    }
    @media(max-width:644px){
        .section4__btn{
            font-size: 2rem;
            width: 23rem;
            height: 4.5rem;
            top: -11rem;
            left: -4rem;
        }
        .navbar__logo{
            display: none;
        }
        .section3__text {
            width: 70%;
        }
        .section3--servicios__title{
            font-size: 4.5rem;
        }
        .section3--servicios__precio{
            font-size: 4.5rem;
        }
        .section6--servicios__title{
            font-size: 4rem;
        }
        .tarjeta{
            height: 55rem;
            width: 50rem;
        }
        .tarjeta::after{
            height: 54rem;
            width: 49rem;
        }
        .section6--servicios__sublist{
            font-size: 1.7rem;
        }
    }

    @media(max-width:617px){
        .social-media {
            padding: 0 3rem;
        }
        
        .section4__img{
            height: 50rem;
        }
        .section4__text{
            width: 100%;
        }
        .navbar__logo--image--responsive{
            width: 20rem;
        }
        .section1--servicios__img{
            height: 35rem;
        }
        .layout__section1--servicios{
            height: 35rem;
        }
        .section1--servicios__title{
            font-size: 5rem;
            left: 15rem;
        }
        .flecha__img{
            left: 32rem;
            width: 70px;
            top: .7rem;
        }
        
        .layout__section8{
            max-height: max-content;
            
        }
    }

@media(max-width:596px){
    .section3--servicios__title {
        font-size: 4rem;
        left: -3rem;
    }
    .section3--servicios__precio{
        font-size: 4rem;
    }
    .section3--servicios__button{
        width: 22rem;
        height: 5rem;
        font-size: 1.8rem;
        left: -1rem;
    }
    .section1__calculadora-RM{
        background-image: none;
        
    }
    .title__calculadora-RM{
        font-size: 4rem;
    }

    .form__left{
        position: relative;
        z-index: 99;
        
    }
    .section1__podcast--title{
        font-size: 7rem;
    }
}

    @media(max-width:561px){
        .section1__text{
            top: 14rem;
            left: 3rem;
            margin-left: 0;
            font-size: 4rem;
        }
        
        .navbar__logo--image{
            display: none;
        }
        .navbar__logo--image--responsive{
            width: 17rem;
        }
        .section3__button {
            width: 10rem;
            height: 5rem;
        }
        .social-media{
            font-size: 1.3rem;
        }
        .section4__img{
            height: 40rem;
        }
        .section7__title {
            font-size: 3rem;
        }
        .section1--servicios__title{
            font-size: 5rem;
            left: 10rem;
        }
        .section3--servicios__title {
            font-size: 3.3rem;
            width: 100%;
        }
        .section3--servicios__precio{
            font-size: 3.3rem;
        }
        .section3--servicios__container--subtitle {
            font-size: 2.2rem;
        }
        .section3--servicios__container--text {
            text-align: left;
            font-size: 1.5rem;
        }
        .section1__podcast--subtitle{
            margin-left: 5rem;
            top: 22rem;
        }
        .section1__podcast--title{
            font-size: 5.5rem;
            top: 20rem;
        }
        .section2--podcast__title{
            margin-left: 2rem;
            margin-right: 1rem;
        }
        .section2--podcast__text{
            margin-left: 2rem;
            margin-right: 1rem;
        }
        .icon-1__podcast{
            margin: 0 auto
        }
        .title__aviso-legal {
            font-size: 2rem;
            
        }
        
        .subtitle__aviso-legal {
            font-size: 1.4rem;
        }
        .text__aviso-legal{
            font-size: 1.1rem;
        }
       
    }

    @media(max-width:531px){
        .section6--servicios__title{
            font-size: 4rem;
        }
        .tarjeta{
            height: 63rem;
            width: 40rem;
        }
        .tarjeta::after{
            height: 62rem;
            width: 39rem;
        }
        .section6--servicios__sublist{
            font-size: 1.4rem;
        }
        .section1--servicios__img{
            height: 30rem;
        }
        .layout__section1--servicios{
            height: 30rem;
        }
    }

    @media(max-width: 480px){
        
        
        .flecha__img{
            visibility: hidden;
        }
        .section3--servicios__container--left {
            margin: 0rem;
        }
        .section3--servicios__container--right {
            margin: 0rem;
        }
        .section3--servicios__title {
            margin-left: 10rem;
            
        }
        .part__left, .part__right {
            margin: 2rem 3rem;
            width: 80%;
        }
        .section7__title{
            font-size: 2.5rem;
            width: 100%;
        }
        .section3--servicios__button{
            left: -8rem;
        }
        .section1__text {
            top: 10rem;
            left: 2rem;
            margin-left: 0;
            font-size: 3rem;
        }
        .section2__title {
            font-size: 2.2rem;
            width: 80%;
            margin: 0px 5rem;
        }
        .section3__image-right--img {
            display: none;
        }
        .section3__image-left--img {
            display: none;
        }
        .section3__title {
            width: 100%;
            font-size: 2.8rem;
        }
        .section3__text {
            width: 90%;
            margin: 0 2rem;
        }
        .section3__social-media{
            flex-direction: column;
        }
        .social-media{
            padding: 0.3rem;
        }
        .section4__content {
            padding: 2rem;
        }
        .section5__title {
            padding: 3rem 0;
            font-size: 4rem;
        }
        .section5__text {
            padding: 0px 2rem;
            font-size: 1.8rem;
            text-align: justify;
        }
        .section6__title {
            padding: 2rem 0;
        }
        .section6__text {
            padding: 0 0rem 5rem 3rem;
            width: 100%;
            left: -2rem;
        }
        .nav__list{
            margin-left: 0.7rem;
        }
        .layout__section4--servicios{
            background-image: none;
        }
        .section4--servicios__title{
            font-size: 4rem;
            position: relative;
            left: 1rem;
        }
        .section4--servicios__text{
            font-size: 1.5rem;
        }
        .section5--servicios__title{
            width: 100%;
            margin: 0 1rem;
            left: 0;
            font-size: 3.5rem;
        }
        .section5--servicios__text{
            width: 95%;
            margin: 0 1rem;
            left: 0;
        }
        .section5--servicios__sublist{
            margin: 1rem 3rem;
        }
        .title__calculadora-RM{
            font-size: 3.3rem;
        }
        select, .form__input{
            font-size: 1.7rem;
        }
        .icon-3__podcast{
            margin: 0 auto
        }
        .section6--servicios__title{
            font-size: 3rem;
        }
        .tarjeta{
            height: 60rem;
            width: 35rem;
        }
        .tarjeta::after{
            height: 59rem;
            width: 34rem;
        }
        .section6--servicios__sublist{
            font-size: 1.4rem;
            margin: 1.2rem 4rem;
        }
    }

    @media(max-width: 440px){
        .section8__image-principal{
            width: 80%;
        }
        .section8__image-principal--3-1{
            width: 95% !important;
        }
        .section1__podcast{
            padding: 0;
            margin: 0;
        }
        .section1__podcast--title{
            font-size: 4rem;
            transform: scale(1);
            margin-left: 3rem;
        }
        .section1__podcast--subtitle{
            margin-left: 3rem;
            font-size: 2rem;
        }
        .image-principal__podcast{
            width: 35rem;
            top: 37rem;
        }
        .section2__podcast {
            padding: 0;
        }
        .section2__podcast {
            padding-top: 5rem;
            background-color: var(--color-menu);
            border: none;
            padding: 12rem 0;
        }
        .icon-2__podcast, .icon-1__podcast{
            width: 170px;
            top: -2rem;
        }
        .icon-3__podcast{
            width: 150px;
        }
    }

    @media(max-width: 390px){
        .icons__podcast{
            flex-direction: column;
        }
        .icon-2__podcast{
            top: 0;
            margin: 0 auto;
            margin-top: 3rem;
            z-index: 2;
        }
        .icon-3__podcast{
            z-index: 3;
        }
        .icon-1__podcast{
            width: 140px;
        }
        .section2--podcast__title{
            font-size: 2.5rem;
        }
        .section2--podcast__text{
            font-size: 1.6rem;
        }
    }

    @media(max-width: 350px){

        .list__item{
            font-size: 1.4rem;
        }

        .title__calculadora-RM{
            font-size: 2.7rem;
        }
        select, .form__input{
            font-size: 1.5rem;
        }
        .section1__text{
            font-size: 2.6rem;
        }
        .section2__title{
            font-size: 2.2rem;
            margin: 0;
            left: 3.3rem;
        }
        .section2__button{
            left: 0;
        }
        .section8__image-principal{
            width: 95%;
        }
        .section8__image-principal--3-1{
            width: 125% !important;
            left: -3rem;
        }
        .section1--servicios__title{
            font-size: 4.5rem;
        }
        
        .section3--servicios__title{
            left: -5rem;
        }
        .section4--servicios__title {
            font-size: 3rem;
            left: 0;
        }
        .section4--servicios__text {
            margin: 1rem 0rem;
        }   
        .section5--servicios__title {
            width: 100%;
            margin: 0 1rem;
            left: 0;
            font-size: 3rem;
        }
        .section6--servicios__title{
            font-size: 2.5rem;
        }
        .tarjeta{
            height: 60rem;
            width: 30rem;
        }
        .tarjeta::after{
            height: 59rem;
            width: 29rem;
        }
        .section6--servicios__sublist{
            font-size: 1.3rem;
            margin: 1.2rem 4rem;
        }
        .footer-text__options{
            font-size: 1.1rem;
        }

    }

    
}