.hero{
    min-height:85vh;

    background:
        linear-gradient(
            rgba(15,23,42,.75),
            rgba(15,23,42,.75)
        ),
        url('hero.jpg');

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;
}

.nav-link{
    font-weight:600;
}

.logo-desktop{
    display:block;
}

.logo-mobile{
    display:none;
}

.logo-desktop{
    display:block;
    max-height:400px;
    width:auto;
}

.logo-mobile{
    display:none;
    max-height:100px;
    width:auto;
}

.hero .container{
    max-width:1200px;
}
.card{
    transition:all .3s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

iframe{
    box-shadow:0 10px 30px rgba(0,0,0,.10);
}

footer a{
    color:white;
    text-decoration:none;
}

footer a:hover{
    text-decoration:underline;
}

html{
    scroll-behavior:smooth;
}

.card{
    transition:all .3s ease;
}

.card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 30px rgba(0,0,0,.15);
}

/* AJUSTES MÓVIL */

@media (max-width: 768px){

    .logo-desktop{
        display:none !important;
    }

    .logo-mobile{
        display:block !important;
        height:100px;
        width:auto;
    }

    .hero h1{
        font-size: 2.2rem;
        text-align:center;
    } 
    
    .hero .container{
        width:100%;
        max-width:100% !important;
    }

    .hero p{
        text-align:center;
        font-size:1.1rem;
    }

    .hero .btn{
        display:block;
        width:100%;
        margin-bottom:10px;
    } 

    .hero{
        padding:40px 15px;
    }
    
    body{
       overflow-x:hidden;
    }

    .container{
        width:100%;
    }
    
    .card{
        margin-bottom:15px;
    }
    
    iframe{
    width:100%;
    min-height:300px;
    }

    #nosotros{
        padding-top:60px;
    }

    .navbar-nav{
        text-align:center;   
    }
    
#contacto a{
    color:#212529;
    text-decoration:none;
}

#contacto a:hover{
    color:#0d6efd;
}

}