/* === styles.css (Opción A corregida) === */
body{font-family:'Inter',sans-serif;margin:0;color:#0b1220;background:#fff;line-height:1.5;padding-top:64px}
.header{background:#0b1220;position:fixed;top:0;left:0;right:0;z-index:1000}
.header .wrap{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;max-width:1200px;margin:0 auto}
.logo{color:#fff;font-weight:700;font-size:1.6rem}
.btn{padding:10px 16px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;margin:5px}
.header-btn{background:#22c55e;color:#fff}
.header-btn:hover{background:#1ea252}
.btn-green{background:#22c55e;color:#fff}
.btn-white{background:#fff;color:#0b1220;border:2px solid #22c55e}
.hero{background:url('img/hero.jpg') center/cover no-repeat;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative}
.hero::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.45)}
.hero-overlay{position:relative;z-index:1;max-width:800px;padding:0 16px}
section{padding:60px 20px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#f9f9f9;padding:20px;border-radius:10px}
.card-with-image img{width:100%;height:auto;border-radius:10px;aspect-ratio:3/2;object-fit:cover}
.zones p{max-width:900px;margin:0 auto}
.faq details{background:#f9f9f9;padding:12px;border-radius:8px;margin:10px auto;max-width:900px;text-align:left}
.reviews{background:#f9f9f9}
.review{max-width:900px;margin:10px auto;font-size:1rem}
.footer{
  background:#0b1220;
  background:linear-gradient(180deg,#0b1220 0%,#111827 100%);
  color:#e5e7eb;
  text-align:center;
  padding:50px 20px 25px;
  border-top:4px solid #22c55e;
}
.footer-content{max-width:900px;margin:0 auto 20px}
.footer a{color:#22c55e;text-decoration:none;font-weight:600}
.footer a:hover{text-decoration:underline}
.footer address{font-style:normal;line-height:1.6;margin-top:8px;color:#d1d5db}
.footer-copy{font-size:.9rem;color:#9ca3af;margin-top:10px}
.brand{font-weight:700;font-size:1.1rem;color:#fff}
.whatsapp-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: #25D366;
  border-radius: 50%;
  padding: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.25);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  z-index: 999;
}
.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 14px rgba(0,0,0,0.3);
}
.whatsapp-float svg {
  display: block;
}