body{
font-family:Arial;
background:#f5f7fa;
color:#333;
}
section{
    overflow: hidden;
}
a{
    text-decoration: none !important;
}
.navbar{
background:#0f1c2e;
}

.navbar-brand{
color:#f5c542 !important;
}

.nav-link{
color:white !important;
}
.nav-link:hover{
color:#f5c542 !important;
}
.social-icon{
color:white;
font-size:20px;
margin-left:15px;
transition:0.3s;
}

.social-icon:hover{
color:#f5c542;
}

.hero{
background:linear-gradient(rgba(15,28,46,.8),rgba(15,28,46,.4)),
url("./img/fondoHero.jpg");
background-size:cover;
background-position:center;
height:90vh;
display:flex;
align-items:center;
text-align:center;
color:white;
}

.hero h1{
font-size:2.7rem;
font-weight:bold;
color:#f5c542;
}

.hero p{
font-size:1.3rem;
}

.btn-gold{
background:#f5c542;
color:#000;
font-weight:bold;
border:none;
}

.btn-gold:hover{
background:#000000;
color:#ffffff;
font-weight:bold;
border:none;
box-shadow:0 10px 25px rgba(0,0,0,0.5);
}

.section{
padding:80px 0;
}

.section-title{
font-weight:bold;
color:#0f1c2e;
}

.card{
border:none;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:0.3s;
background:white;
}

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

.card img{
height:200px;
object-fit:cover;
}

.card h4{
color:#0f1c2e;
font-weight:bold;
}

.card p{
color:#555;
}

.info-box{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.map-box iframe{
width:100%;
height:350px;
border-radius:12px;
border:none;
}

.whatsapp{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
color:white;
font-size:28px;
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
box-shadow:0 5px 15px rgba(0,0,0,.3);
z-index:999;
}

footer{
background:#0f1c2e;
color:white;
padding:30px;
}

.footer{
background:#0f1c2e;
color:white;
padding:60px 0 30px;
}

.footer-logo{
width:230px;
}

.footer-title{
color:#f5c542;
font-weight:bold;
margin-bottom:20px;
}

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:white;
text-decoration:none;
transition:.3s;
}

.footer-links a:hover{
color:#f5c542;
}

.footer-social a{
color:white;
font-size:22px;
margin-right:15px;
transition:.3s;
}

.footer-social a:hover{
color:#f5c542;
}

.footer-map iframe{
width:100%;
height:180px;
border:none;
border-radius:8px;
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,.15);
margin-top:40px;
padding-top:20px;
text-align:center;
font-size:14px;
}
.footer-logo{
margin:auto;
display:block;
width: 600px;
}

@media (max-width:800px){

.footer{
text-align:center;
}

.footer-logo{
width: 100%;
}


}




.section-contacto{
background-image: url("./img/fondo2-01.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.feature-box{
background:white;
padding:35px;
border-radius:12px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
height:100%;
}

.feature-box:hover{
transform:translateY(-6px);
}

.feature-icon{
font-size:40px;
color:#f5c542;
margin-bottom:15px;
}

.feature-box h4{
font-weight:bold;
color:#0f1c2e;
}

.feature-box p{
color:#555;
}

.payment-box{
background:#0f1c2e;
padding:40px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
color: white;
}

.payment-icons{
display:flex;
gap:30px;
margin-top:20px;
flex-wrap:wrap;
}

.pay{
display:flex;
align-items:center;
gap:10px;
font-size:18px;
font-weight:600;
}

.pay i{
font-size:28px;
color:#f5c542;
}



.contact-box{
background:#0f1c2e;
padding:40px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
height:100%;
color: white;
}

.contact-item{
display:flex;
align-items:center;
gap:12px;
margin-bottom:18px;
font-size:17px;
font-weight:500;
}

.contact-item i{
font-size:22px;
color:#f5c542;
}