:root{--brand-600:338 65% 47%;--brand-700:338 62% 40%;--border:220 14% 90%;--fg:220 8% 20%;}
*{box-sizing:border-box}
body{color:hsl(var(--fg));}
.container{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem;}
.section-pad{padding-top:5rem;padding-bottom:5rem}
.card{background:#fff;border:1px solid hsl(var(--border));border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-radius:9999px;font-weight:600;font-size:1rem;line-height:1.25}
.btn-primary{background:hsl(var(--brand-600));color:#fff}
.btn-primary:hover{background:hsl(var(--brand-700))}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.0rem;border-radius:9999px;font-weight:600;border:1px solid hsl(var(--border))}
.input{width:100%;border:1px solid hsl(var(--border));border-radius:.75rem;padding:.9rem 1rem}
.badge{display:inline-flex;gap:.35rem;font-size:.85rem;background:#fde6ef;color:#6d284a;padding:.35rem .6rem;border-radius:9999px;border:1px solid #f8cfe0}
.icon-pill{display:inline-flex;align-items:center;gap:.5rem;background:#fde6ef;border:1px solid #f8cfe0;color:#6d284a;padding:.5rem .75rem;border-radius:9999px;font-weight:600;font-size:.9rem}
.stat{display:flex;align-items:flex-start;gap:.75rem}
.stat .dot{width:36px;height:36px;border-radius:9999px;background:#fde6ef;border:1px solid #f8cfe0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#6d284a}
.testi-stars{color:#f59e0b}
.info-list{display:grid;gap:.6rem}
.info-item{display:flex;align-items:flex-start;gap:.75rem}
.info-item .ico{width:36px;height:36px;border-radius:9999px;background:#fde6ef;border:1px solid #f8cfe0;display:flex;align-items:center;justify-content:center;color:#6d284a}
.map-wrap{border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.whatsapp-fab{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;font-size:26px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.grid-equal{display:grid;gap:1rem}
.grid-equal > .card{display:flex;flex-direction:column}
.grid-equal > .card .push-bottom{margin-top:auto}
.gallery-grid{display:grid;gap:1rem}
.gallery-grid img{width:10%;text-align: -webkit-center;aspect-ratio:16/9;object-fit:cover;border-radius:1rem;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.relative {text-align: -webkit-center}
img.rounded-3xl.w-full.h-auto.object-cover.shadow-\[0_10px_30px_rgba\(0\,0\,0\,\.1\)\] {
  width: 70%;
}

@media (max-width: 768px) {
  img.rounded-3xl.w-full.h-auto.object-cover.shadow-\[0_10px_30px_rgba\(0\,0\,0\,\.1\)\] {
    width: 100%;
  }
}

/* Mobile overrides */

@media (max-width: 640px){
  .container{padding-left:1rem;padding-right:1rem}
  .section-pad{padding-top:2.75rem;padding-bottom:2.75rem}
  .card{border-radius:.9rem}
  .gallery-grid{grid-template-columns:1fr}
  .input{padding:1rem .95rem}
  #formWaBtn{width:100%}
  .btn{font-size:1rem;line-height:1.25}
  .map-wrap iframe{height:280px}
  header .container{gap:.75rem}
}



/* === Mobile edge padding boost === */
@media (max-width: 640px){
  .container{
    padding-left:1.25rem !important;
    padding-right:1.25rem !important;
  }
}
/* Respect safe-area (iPhone notch) */
@supports (padding: max(0px)){
  @media (max-width: 640px){
    .container{
      padding-left:max(1.25rem, env(safe-area-inset-left)) !important;
      padding-right:max(1.25rem, env(safe-area-inset-right)) !important;
    }
  }
}