:root{--bg:#fff3e4;--ink:#4a2740;--ink2:#7d5a73;--card:#fffaf4;--line:#f0d9cc;--pink:#ff7aa8;--pink2:#e8557a;--green:#5bd19a;--green2:#2fb36b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 ui-rounded,"Nunito","Segoe UI",system-ui,-apple-system,Roboto,"Noto Sans",sans-serif}
a{color:var(--pink2);font-weight:700}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1040px;margin:0 auto;padding:14px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;color:var(--ink);text-decoration:none}
.brand img{width:40px;height:40px;border-radius:10px;box-shadow:0 3px 0 rgba(120,50,80,.18)}
.lang{display:flex;gap:6px}.lang button{border:2px solid var(--line);background:#fff;border-radius:16px;padding:4px 12px;font:inherit;font-weight:800;font-size:14px;color:var(--ink2);cursor:pointer}
.lang button.on{background:var(--pink2);border-color:var(--pink2);color:#fff}
.btn{display:inline-block;padding:13px 26px;border-radius:26px;background:linear-gradient(180deg,var(--pink),var(--pink2));color:#fff;font-weight:900;text-decoration:none;box-shadow:0 4px 0 #b83a5e;border:0}
.btn.alt{background:linear-gradient(180deg,var(--green),var(--green2));box-shadow:0 4px 0 #23895a}
.hero{max-width:1040px;margin:0 auto;padding:28px 20px 46px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.hero h1{margin:0;font-size:clamp(54px,9vw,96px);line-height:.92;font-weight:900;letter-spacing:-.02em}
.hero h1 span{display:block}.hero h1 .a{background:linear-gradient(180deg,#ff9bbd,#e8557a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .b{background:linear-gradient(180deg,#7ee0ae,#2fb36b);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:20px;color:var(--ink2);font-weight:700;margin:16px 0 22px;max-width:30em}
.hero .shots{display:flex;gap:14px;justify-content:center}
.phone{width:46%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:22px;border:6px solid #4a2740;box-shadow:0 14px 34px rgba(80,30,60,.3);display:block;background:#fff}
.phone:nth-child(2){margin-top:34px}
section.band{max-width:1040px;margin:0 auto;padding:36px 20px}
.band h2{font-size:34px;margin:0 0 6px;color:var(--pink2);font-weight:900}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px}
.card{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:18px 20px;box-shadow:0 5px 0 rgba(120,50,80,.1)}
.card h3{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--ink2);font-weight:600;font-size:15.5px}
.gallery{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 18px;scroll-snap-type:x mandatory}.gallery img{height:430px;width:auto;border-radius:20px;border:5px solid #4a2740;scroll-snap-align:start;flex:none}
footer{max-width:1040px;margin:30px auto 0;padding:26px 20px 40px;border-top:2px solid var(--line);color:var(--ink2);font-size:14.5px;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between}
/* documentos legales */
.doc{max-width:780px;margin:0 auto;padding:10px 20px 50px}.doc h1{font-size:42px;margin:.2em 0;font-weight:900;color:var(--pink2)}
.doc h2{font-size:23px;margin:1.6em 0 .2em}.doc h3{font-size:18px;margin:1.2em 0 .1em;color:var(--ink2)}
.doc .meta{color:var(--ink2);font-weight:700}.doc ul{padding-inline-start:1.2em}.doc li{margin:.25em 0}
.summary{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:6px 22px 14px;margin:18px 0}.summary h2{margin-top:.8em}
.note{background:#fff3c9;border-radius:14px;padding:10px 16px;font-weight:700;color:#7a5200}
[data-l]{display:none}html[lang=en] [data-l=en],html[lang=es] [data-l=es]{display:block}
html[lang=en] span[data-l=en],html[lang=es] span[data-l=es],html[lang=en] a[data-l=en],html[lang=es] a[data-l=es],html[lang=en] li[data-l=en],html[lang=es] li[data-l=es]{display:inline}
html[lang=en] li[data-l=en],html[lang=es] li[data-l=es]{display:list-item}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero .shots{order:-1}.phone{width:44%}}