section{
    padding:5em 0;
}

.titulo-sup{
    font-weight: 300;
}

.home-slider {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.home-slider .slide img {
    width: 100%;
    height: 100vh;
    background-size: cover;
    object-fit: cover;
  }
  .home-slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45); 
    z-index: 2; 
  }
.content {
    flex-direction: column;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: wrap;
    gap:1em;
    padding: 0;
    padding-bottom:3.5rem;
    z-index: 2;
    text-align: center;
}

#r-section-1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

#r-section-1 .home-slider::before{
    background: linear-gradient(176.95deg, rgba(150, 88, 113, 0) 2.71%, #965871 102.96%);
}

#r-section-1 .content {
    flex-direction: column;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: wrap;
    gap:1em;
    padding: 0;
    padding-bottom:3.5rem;
    z-index: 2;
    text-align: center;
}

.mdf-header .content p{
    max-width: 100%;
}
@media(min-width:640px) and (max-width:780px){
    .mdf-header .content h1{
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: 0;
    }
    .mdf-header .content p{
        font-size: .900rem;
        max-width: 70%;
    }
}
@media(max-width:360px){
    .mdf-header .content h1 {
        font-size: 2.2rem !important;
        margin-bottom: 0;
    }
    .mdf-header .content p{
        font-size: .900rem;
    }
}
/*section 2*/
#r-section-2{
    padding:9rem 0 7rem 0;
}
#r-section-2 .container{
    width:70%;
    max-width: 70%;
}

#r-section-2  .titulo-eleg {
    font-size: 3rem;
}
#r-section-2 .titulo-sup {
    font-size: 1rem;
    letter-spacing: 0.5rem;
    margin: 0 0 .5rem 0;
}
#r-section-2 .wrap-info{
    font-size: .990rem;
}

    .galeria-abs {
        position: relative;
        width: 100%;
        height: 28rem;
        display: flex;
        align-content: center;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
  
   .imagen-central {
        width: 16rem;
        height: 15.5rem;
        object-fit: cover;
        display: block;
    }
  
   .small-image {
        object-fit: cover;
        position: absolute;
    }
    .imagen-2 {
        top: 1rem;
        right: 10rem;
        width: 5rem;
        height: 4.5rem;
    }
    .imagen-3 {
        top: 4.5rem;
        right: 15rem;
        width: 6rem;
        height: 5.5rem;
    }
    .imagen-4 {
            top: 10.5rem;
            right: 17.5rem;
            width: 7rem;
            height: 6.5rem;
    }
    .imagen-5 {
        top: 18rem;
        right: 15rem;
        width: 8.5rem;
        height:8rem;
    }

@media(min-width:1400px){
    #r-section-2 .container{
        width: 60%;
    }
    #r-section-2  .titulo-eleg {
        font-size: 4.2rem;
    }
}


@media(min-width:1300px) and (min-height:550px) and (max-height:780px){
    #r-section-2 {
        padding: 5rem 0 3rem 0; 
    }
    #r-section-2 .container {
        width: 70%;
    }
   
    #r-section-2 .titulo-eleg {
        font-size: 3.2rem;
    }
    #r-section-2 .wrap-info {
        font-size: 1rem;
        line-height: 1.6rem;
        width: 100%;
    }
}
@media(min-width:768px) and (max-width:1100px){
    #r-section-2 .container {
        width: 90%;
        max-width: 90%;
    }
    #r-section-2 .titulo-sup {
        font-size: .900rem;
        letter-spacing: .3rem;
    }
    #r-section-2 .titulo-eleg {
        font-size: 2.5rem;
    }
    #r-section-2 .wrap-info {
        font-size: .850rem;
    }
    .galeria-abs {
        height: 26rem;
    }
    .imagen-central {
        margin-top:1rem;
        width: 14rem;
        height: 13.5rem;
    }
    .imagen-2 {
        top: 2rem;
        right: 7.5rem;
        width: 4.5rem;
        height: 4rem;
    }
    .imagen-3 {
        top: 3.5rem;
        right: 12.5rem;
        width: 6rem;
        height: 5.5rem;
    }
    .imagen-4 {
        top: 9.5rem;
        right: 15.5rem;
        width: 7rem;
        height: 6.5rem;
    }
    .imagen-5 {
        top: 17rem;
        right: 13rem;
        width: 7.5rem;
        height: 7rem;
    }
}

@media(max-width:480px){
    #r-section-2 .container {
        width: 90%;
        max-width: 90%;
    }
    #r-section-2{
        text-align: center;
        padding: 4rem 0;
    }
    #r-section-2 .titulo-sup {
        font-size: 1.250rem;
        letter-spacing: 0.3rem;
        margin: 0 0 1rem 0;
    }
    #r-section-2 .wrap-info {
        font-size: .900rem;
        text-align: left;
    }
    .galeria-abs{
        width: 290px;
        margin: 1rem auto 0 auto;
        height: 380px;
    }
    .imagen-central {
        margin-top:-2.5rem;
        width: 11rem;
        height: 10.5rem;
    }
    .imagen-2 {
        top: 1rem;
        right: 7rem;
        width: 4rem;
        height: 3.5rem;
    }
    .imagen-3 {
        top: 4rem;
        right: 11rem;
        width: 5rem;
        height: 4.5rem;
    }
    .imagen-4 {
        top: 9rem;
        right: 12rem;
        width: 6rem;
        height: 5.5rem;
    }
    .imagen-5 {
        top: 15rem;
        right: 8rem;
        width: 8rem;
        height: 7.5rem;
    }
}

@media(max-width:360px){
   
    #r-section-2 .titulo-sup {
        font-size: 1rem;
        letter-spacing: 0.3rem;
    }
    #r-section-2 .titulo-eleg {
        font-size: 2.5rem;
    }
    #r-section-2 .wrap-info {
        font-size: .900rem;
    }
    .galeria-abs{
        width: 100%;
    }
    .galeria-abs{
        position: relative;
        height: 22rem;
        display: flex;
        padding-left: 0;
        overflow: hidden;
    }
    .imagen-central {
        margin-top:0;
        width: 12rem;
        height: 11.5rem;
    }
    .imagen-2 {
        top: 1.5rem;
        right: 7rem;
        width: 3.8rem;
        height: 3.3rem;
    }
    .imagen-3 {
        top: 3.5rem;
        right: 11rem;
        width: 4rem;
        height: 3.5rem;
    }
    .imagen-4 {
        top: 7.5rem;
        right: 100%;
        transform: translateX(5rem);
        width: 5rem;
        height: 4.5rem;
    }
    .imagen-5 {
        top: 13rem;
        right: 11.5rem;
        width: 6rem;
        height: 5.5rem;
    }
    
}
@media(max-width:330px){
   
    
    .imagen-central {
        margin-top:0;
        width: 10.5rem;
        height:9.5rem;
    }
    .imagen-2 {
        top: 2.5rem;
        right: 6rem;
        width: 3.8rem;
        height: 3.3rem;
    }
    .imagen-3 {
        top: 5rem;
        right: 10rem;
        width: 4rem;
        height: 3.5rem;
    }
    .imagen-4 {
        top: 9rem;
        right: 100%;
        transform: translateX(5rem);
        width: 5rem;
        height: 4.5rem;
    }
    .imagen-5 {
        top: 14rem;
        right: 9rem;
        width: 6rem;
        height: 5.5rem;
    }
    
}
/* section 3*/
#r-section-3{
    background: #FAEAF0;
}
#r-section-3 .titulo-sup{
    font-size: 1.1rem;
}
#r-section-3 .titulo-eleg {
    font-size: 3.170rem;
}

.lista-destinos{
    gap:1.5em;
}


@media(min-width:680px) and (max-width:780px){
    #r-section-3{
        padding: 3rem 0;
    }
    #r-section-3 .titulo-eleg {
        font-size: 3.2rem;
    }
    #r-section-3 .titulo-sup {
        font-size: 1rem;
    }
}
@media (min-width:480px) and (max-width:680px) {
   
    #r-section-3{
        padding:  4rem 0;
        min-height: 50vh;
    }
    #r-section-3 .container{
        padding:0 2rem;
        text-align: center;
    }
    #r-section-3 .no-border.xl-tag a.selected,
    #r-section-3 .no-border.xl-tag a, #r-section-3 .no-border.xl-tag span{
        padding: .3rem .5rem;
        font-size:.850rem;
        line-height: 1rem;
    }
    #r-section-3 .destino-etiquetas.monts-font a, 
    #r-section-3 .destino-etiquetas.monts-font span{
        margin: 0 .3rem;
        padding: .2rem 0;
    }
    #r-section-3 .titulo-eleg {
        font-size: 2rem;
        text-align: center;
    }
    #r-section-3 .destino-etiquetas {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap:.2em;
        margin:1em 0;
    }
    #r-section-3 .destino-etiquetas.monst-font{
        margin:1em 0;
    }
    #r-section-3 .destino-etiquetas span, 
    #r-section-3 .destino-etiquetas a{
        line-height: 16px;
    } 
   
}


@media(max-width:480px){
    #r-section-3 .container {
        padding: 0 1.5rem;
    }
    #r-section-3{
        padding: 3rem 0;
    }
    #r-section-3 .titulo-sup {
        font-size: .800rem;
    }
    #r-section-3 .titulo-eleg {
        font-size: 2.3rem;
    }
    #r-section-3 .titulo-sup {
        font-weight: 300;
        font-size: .800rem;
    }
    /*
    #r-section-3 .no-border.xl-tag {
        gap: .3rem;
    }
    #r-section-3 .destino-etiquetas.monts-font a, #r-section-3 .destino-etiquetas.monts-font span {
        margin: 0 .3rem;
        padding: 0;
        font-size: .800rem;
        line-height: 1rem;
    }
   
  
    #r-section-3 .no-border{
        justify-content: center;
    }
    #r-section-3 .no-border.x4{
        gap: .2rem
    }
    #r-section-3 .no-border.x4 a{
        font-size: 1.150rem;
        line-height: 1.150rem;
        padding:  .4rem .5rem;
    }
  
    #r-section-3 .no-border.x3 a, 
    #r-section-3 .no-border.x3 span {
        padding: .3rem ;
        font-size: 1.050rem;
        line-height: 1rem;
        padding: .2rem .5rem;
    }
    #r-section-3 .no-border.x4,
    #r-section-3 .no-border.x3{
        margin-bottom: 1rem;
    }
    #r-section-3 .no-border.x1 a{
        font-size: .790rem;
    }
    #r-section-3 .destino-etiquetas.x1{
        margin:0 0 1rem 0;
    }*/
}