
:root{
  --brand:#f4c6d9; /* soft pink */
  --brand-dark:#c77fa1;
  --accent:#b87399;
  --text:#2b2b2b;
  --bg:#fff8fb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth}
img{max-width:100%;display:block;height:auto}
a{color:var(--accent);text-decoration:none}
.container{width:min(1100px,92%);margin-inline:auto}
.header{position:sticky;top:0;background:rgba(255,248,251,.85);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid #f2dbe7}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{display:flex;gap:.8rem;align-items:center}
.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-dark)}
.brand h1{font-size:1.15rem;margin:0;color:#8b5c7a}
.menu a{margin-left:1rem;font-weight:600;padding:.35rem .6rem;border-radius:999px}
.menu a:hover{background:#fbe5ef}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:3.2rem 0}
.hero .card{background:white;border:1px solid #f0d9e6;border-radius:24px;padding:1.2rem;box-shadow:0 10px 30px rgba(199,127,161,.12)}
.hero h2{font-size:2.2rem;margin:.2rem 0 1rem;color:#8b5c7a}
.badge{display:inline-block;background:var(--brand-dark);color:white;padding:.25rem .7rem;border-radius:999px;font-weight:700;font-size:.8rem;letter-spacing:.02em}
.cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.button{background:var(--brand-dark);color:white;padding:.75rem 1rem;border-radius:12px;border:none;font-weight:700;cursor:pointer}
.button.secondary{background:#fff;color:var(--accent);border:2px solid var(--accent)}
.section{padding:2.6rem 0}
.section h3{font-size:1.8rem;margin:0 0 .8rem;color:#8b5c7a}
.grid{display:grid;gap:1rem}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:white;border:1px solid #f0d9e6;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px rgba(199,127,161,.1)}
.card .p{padding:1rem}
.gallery img{border-radius:16px;border:1px solid #efd2e4}
.embed{position:relative;padding-top:56.25%;border-radius:20px;overflow:hidden;border:1px solid #f0d9e6;background:#fff}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.form{display:grid;gap:1rem}
.input, textarea{width:100%;padding:.85rem 1rem;border:1px solid #eac9dc;border-radius:12px;font-size:1rem;background:#fff}
footer{padding:2.5rem 0;border-top:1px solid #f0d9e6;color:#7a576d}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.whatsapp{
  position:fixed;right:18px;bottom:18px;background:#25D366;color:white;
  width:58px;height:58px;display:grid;place-items:center;border-radius:50%;
  box-shadow:0 10px 25px rgba(0,0,0,.18);z-index:60
}
.whatsapp svg{width:30px;height:30px;fill:white}
.tag{font-size:.85rem;color:#7a576d}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .grid.cols-3{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .grid.cols-3{grid-template-columns:1fr}
}
