:root{
  --brand:#6d1730; /* vino/magenta trajes */
  --brand-2:#c69c6d; /* dorado suave */
  --ink:#0b0b0f;
  --bg:#fffaf7;
  --muted:#6b7280;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;background:var(--bg);color:var(--ink);scroll-behavior:smooth}
img{max-width:100%;display:block;height:auto}
.container{width:min(1100px,92%);margin-inline:auto}
.btn{display:inline-block;padding:.9rem 1.15rem;border-radius:14px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 25px rgba(109,23,48,.35)}
.btn-outline{border:2px solid var(--brand);color:var(--brand);background:#fff}
.btn + .btn{margin-left:.5rem}

header.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50}
nav.nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--brand)}
.logo img{width:40px;height:40px;border-radius:50%}
.nav-links a{color:var(--ink);text-decoration:none;margin:.2rem .6rem;font-weight:600}
.nav-cta{display:flex;align-items:center;gap:.5rem}
.nav-phone{font-weight:800;color:var(--brand)}

.hero{position:relative;isolation:isolate}
.hero .bg{
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient( to bottom, rgba(0,0,0,.45), rgba(0,0,0,.15) 45%, rgba(255,255,255,.0) 70%),
              url('assets/IMG-20250913-WA0095.jpg') center/cover no-repeat;
  filter:saturate(1.05) contrast(1.05);
}
.hero .inner{padding:clamp(120px,22vw,220px) 0 80px}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:0;color:#fff}
.hero p{color:#f8f7f5;font-size:clamp(1rem,2.4vw,1.25rem);max-width:52ch}
.hero .cta{margin-top:1rem}

.badges{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}
.badge{background:rgba(255,255,255,.9);border:1px solid #eee;color:#111;padding:.4rem .7rem;border-radius:999px;font-weight:700}

.section{padding:72px 0}
.section h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 14px;color:var(--brand)}
.section p.lead{color:var(--muted);max-width:65ch}
.grid-2{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:900px){.grid-2{grid-template-columns:1.1fr .9fr}}

.card{background:#fff;border:1px solid #eee;border-radius:18px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.card h3{margin:0 0 .4rem}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.services .card ul{padding-left:1rem;margin:.4rem 0}
.services .price{font-weight:900;color:var(--brand);font-size:1.15rem}

.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}
.gallery img{border-radius:14px;aspect-ratio:4/3;object-fit:cover}

.videos{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:800px){.videos{grid-template-columns:1fr 1fr}}
.video-wrapper{position:relative;padding-top:56.25%}
.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px}

.cta-band{background:linear-gradient(135deg,var(--brand),#2b0e17);color:#fff;padding:38px 0;border-radius:18px}
.cta-band h3{margin:0 0 .5rem;color:#fff}
.cta-band .btn{background:#fff;color:var(--brand);box-shadow:none;font-weight:900}

footer{padding:48px 0;border-top:1px solid #eee;background:#fff}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr}}
small, .fine{color:var(--muted)}
.brand-dots{letter-spacing:.2em;color:var(--brand-2);font-weight:900}
.whatsapp-float{
 position:fixed;right:16px;bottom:16px;background:#25d366;color:#fff;border-radius:999px;
 padding:.9rem 1.1rem;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.2);text-decoration:none;z-index:60
}
.whatsapp-float:hover{transform:translateY(-1px)}