@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

h1,h2,h3,h4,h5,h6, p{
    font-family: 'Montserrat', sans-serif;
}

h2{
    font-size: 4rem !important;
    z-index: 9999;
    position: relative;
}

.form-next{
    background-color:white;
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 8px 8px black;
    z-index: 9999;
    position: relative;
}

.form-next h4{
    font-weight:800;
    text-transform: uppercase;
}

.form-next .iti{
    width: 100% !important
}

.banner-top{
    background-image: url(../img/home-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

.banner-top h1{
    color:white;
    text-align:right;
    font-family: 'Times New Roman', Times, serif;
    text-transform: uppercase;
    font-weight: 700;
}

.corazon{
    background-image: url('../icons/fondo-1.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 90%;
    height: 100%;
    position: absolute;
    z-index: 0;
    justify-content: center;
}

.galeria{
    background-image: url('../icons/fondo-2.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: auto;
    height: 100%;
    position: absolute;;
    z-index: 0;
}

.oferta{
    background-image: url('../icons/fondo-4.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;;
    z-index: 0;
}

.section-next{
    background: rgb(49,49,49);
background: -moz-radial-gradient(circle, rgba(49,49,49,1) 0%, rgba(26,26,26,1) 35%);
background: -webkit-radial-gradient(circle, rgba(49,49,49,1) 0%, rgba(26,26,26,1) 35%);
background: radial-gradient(circle, rgba(49,49,49,1) 0%, rgba(26,26,26,1) 35%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#313131",endColorstr="#1a1a1a",GradientType=1);
}

.footer{
    background:#333333;

}



.footer  p{
    font-size: .5rem;

}

.footer-bottom{
    background-color: rgba(26,26,26,1);
    color:white;
    font-size: .5rem;
}
.pill-sold{
    color: #7c7c7c;
    border-radius: .5rem;
    border-width: 2px;
    border-style: solid;
    padding: .125rem;
    border-color: #7c7c7c;
}

.banner-text{
   
    margin-top:-80px !important;
}

.banner-text img{
    padding-bottom: 50px;
}

.next-list{
    list-style: none;
    
}

.next-list img{
    width:1rem;
    vertical-align:baseline;
}




/* NAV */

    .nav-next{
        top:40%;
        position: fixed !important;
        z-index: 1;

    }
    .nav-next .glass{
        text-decoration: none;
        background: rgb(255 255 255 / 17%);
        border-radius: 0px 16px 16px 0px;
        box-shadow:0 4px 30px rgb(255 255 255 / 0%);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(3px);
        width: 5%;
    }

    .nav-next .no-glass li{
        padding-top: 1.25rem;
        text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
    }
    .nav-next li{
        list-style-type: none;
        padding-top: .5rem;
        padding-left: 0px;
    }

    .nav-next ul{
        padding-left: 0px;
        
    }


    .nav-next a{
        color:white !important;
        text-decoration: none
    }


/* NAV */
@media all and (max-width:428px ) {
    .banner-top{
        background-image: url(../img/pagina_web-mobile_v3-2.jpg);
    }

    .banner-top .form-next{
        margin-top:250px
    }

    .footer p{
        font-size: .4rem;
        padding:0
    
    }

    .footer i{
        font-size: .4rem;
    }
}

@media all and (min-width: 1440px){

    .nav-next .no-glass li{
        padding-bottom: .75rem !important;
        text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
    } 
}