.cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:40px;
}

.card{
    background:white;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.4s;
}

.card:hover{
    transform:translateY(-8px);
}

.card img{
    width:100%;
    height:320px;
    object-fit:cover;
}

.card-content{
    padding:30px;
}

.card h2{
    color:#144d73;
    margin-bottom:15px;
}

.card p{
    text-align:left;
    margin-bottom:25px;
}

.hero{
    background:linear-gradient(
        135deg,
        #f8fbfd,
        #eef7fc
    );
    padding:20px 0;
}

.hero h1{
    text-align:center;
    color:#144d73;
    font-size:34px;
    margin-bottom:24px;
}

.hero p{
    text-align:center;
    max-width:850px;
    margin:auto;
    margin-bottom:50px;
    font-size:22px;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
	font-size:1.15rem; /* Desktop */
}
/* BOTONES */

.botonesinicio{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btninicio{
    padding:14px 28px;
    border-radius:50px;
    color:white;
    font-weight:600;
    transition:.35s;
    position:relative;
    overflow:hidden;
    background:#0f82c4;
    font-size: 20px;
}

.btninicio::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.25);
    transition:.5s;
}

.btninicio:hover::before{
    left:100%;
}


.btn-en{
    background:#f59a23;
}

.btninicio:hover{
    transform:scale(1.05);
    color:white;
}

#sp-footer {
    border-top: none !important;
}

.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;
    width:65px;
    height:65px;
    background:#25D366;
    color:white;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
    z-index:9999;
    transition:.3s;
}

.whatsapp-float:hover{
    transform:scale(1.1);
}
	.whatsapp-float i{
    color:white;
}
	@keyframes pulse{
    0%{ transform:scale(1); }
    50%{ transform:scale(1.08); }
    100%{ transform:scale(1); }
}

.whatsapp-float{
    animation:pulse 2s infinite;
}

.language-flags a {
    text-decoration: none;
    font-size: 18px;
    margin-left: 8px;
}
  
@media(max-width:900px){
    .cards{
        grid-template-columns:1fr;
    }
	.card img{
        height:auto;
        object-fit:contain;
    }
    .whatsapp-float{
        width:60px;
        height:60px;
        font-size:34px;
        bottom:20px;
        right:20px;
    }
    
    .logo img{
        max-width:160px;
    }
   
}