/* ===== FOOTER TRUCHERO (COLOR Y TEXTO BLANCO) ===== */
.site-footer{
  background:#0B5C4D; /* el verde que ya usas */
  padding:28px 0;
  border-top:2px solid rgba(255,255,255,0.15);
  color:#ffffff;
}

.site-footer .container{
  max-width:1100px;
  margin:0 auto;
  padding:0 16px;
}

/* Redes sociales */
.site-footer .footer-social{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:8px;
}

.site-footer .social-btn{
  width:42px;
  height:42px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.25);
  color:#ffffff;
  text-decoration:none;
}

/* Texto de copyright debajo de redes */
.site-footer .footer-copy{
  margin:6px 0 12px;
  color:#ffffff;
  font-weight:800;
}

/* Información + mapa alineados */
.site-footer .footer-info{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  gap:18px;
  max-width:1100px;
  margin-left:auto;
}

/* Caja de información */
.site-footer .footer-box{
  min-width:260px;
  max-width:520px;
  background:transparent;
  padding:0;
}

.site-footer .footer-box h4,
.site-footer .footer-box p,
.site-footer .btn-mapa{
  color:#ffffff !important;
}

.site-footer .footer-box h4{
  margin:0 0 8px;
  font-weight:900;
  font-size:13px;
}

.site-footer .footer-box p{
  margin:6px 0;
  font-size:12px;
}

/* Link Cómo llegar */
.site-footer .btn-mapa{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  font-weight:800;
  text-decoration:none;
  font-size:12px;
}

/* Botones mapa */
.site-footer .footer-map{
  width:220px;
  flex:0 0 220px;
  border:1px solid rgba(255,255,255,0.25);
  background:rgba(255,255,255,0.1);
  padding:10px;
  border-radius:10px;
}

.site-footer .footer-map a{
  display:block;
  text-align:center;
  padding:10px;
  border-radius:10px;
  font-weight:900;
  font-size:13px;
  text-decoration:none;
  margin-bottom:8px;
}

.site-footer .footer-map a.ver-mapa{
  background:#3A9725;
  color:#ffffff;
}

.site-footer .footer-map a.ruta{
  background:#ffffff;
  color:#0B5C4D;
}

/* Responsive */
@media (max-width:800px){
  .site-footer .footer-info{
    flex-wrap:wrap;
  }
  .site-footer .footer-map{
    width:100%;
    flex:1 1 auto;
  }
}