/* Casa Margarita — FIX drawer + FIX marquee */
*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth; scrollbar-gutter:stable both-edges; overflow-y:scroll;}
body{margin:0}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
:focus-visible{outline:2px solid rgba(0,74,173,.45);outline-offset:2px}
section[id]{scroll-margin-top:calc(var(--topbarH) + 18px);}

:root{
  --bg:#fff7ef; --bg2:#fff3e6;
  --panel:rgba(255,255,255,.74); --panel2:rgba(255,255,255,.56);
  --txt:#231c18; --muted:rgba(35,28,24,.72);
  --line:rgba(35,28,24,.12);
  --caramel:#ffb35a; --blue:#004aad; --didi:#ff5a3c;
  --r:22px; --r2:28px;
  --pad:clamp(14px,2.2vw,28px);
  --pad2:clamp(18px,3vw,44px);
  --w:min(1180px,calc(100vw - (var(--pad) * 2)));
  --shadow:0 16px 44px rgba(0,0,0,.14);
  --shadow2:0 10px 30px rgba(0,0,0,.10);
  --ease:cubic-bezier(.2,.8,.2,1);
  --topbarH:74px;
  --menuStickyOffset:calc(var(--topbarH) + 10px);
  --glowA:rgba(255,179,90,.52);
  --glowB:rgba(0,74,173,.16);
  --glowC:rgba(255,90,60,.16);
  --noiseOpacity:.18; --meshOpacity:.20;
}

html[data-theme="dark"]{
  --bg:#0f0f12; --bg2:#121218;
  --panel:rgba(18,18,22,.66); --panel2:rgba(18,18,22,.52);
  --txt:#f6efe8; --muted:rgba(246,239,232,.74);
  --line:rgba(246,239,232,.12);
  --shadow:0 18px 52px rgba(0,0,0,.55);
  --shadow2:0 10px 30px rgba(0,0,0,.45);
  --glowA:rgba(255,179,90,.18);
  --glowB:rgba(0,74,173,.22);
  --glowC:rgba(255,90,60,.18);
  --noiseOpacity:.10; --meshOpacity:.14;
}

main{padding-top:var(--topbarH)}
body{
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(1100px 600px at 20% 0%, rgba(255,179,90,.22), transparent 60%),
    radial-gradient(950px 600px at 95% 10%, rgba(0,74,173,.12), transparent 62%),
    linear-gradient(180deg, var(--bg2), var(--bg));
  color:var(--txt);
  overflow-x:hidden;
}
body.no-scroll{overflow:hidden}
.container{width:var(--w);margin:0 auto}

/* Topbar */
.topbar{
  position:sticky;top:0;z-index:70;
  backdrop-filter:blur(14px);
  background:linear-gradient(180deg, rgba(255,243,230,.88), rgba(255,243,230,.56));
  border-bottom:1px solid var(--line);
}
html[data-theme="dark"] .topbar{
  background:linear-gradient(180deg, rgba(15,15,18,.78), rgba(15,15,18,.46));
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--pad)*.86) 0;gap:12px}
.brand{display:flex;align-items:center;gap:10px}
.brand__name{font-weight:950;letter-spacing:.2px}
.brand__logo{height:34px;width:auto}

.nav__actions{display:flex;align-items:center;gap:10px}
.iconbtn{
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--txt);
  border-radius:14px;
  padding:10px 12px;
  cursor:pointer;
  box-shadow:var(--shadow2);
  transition:transform .18s var(--ease), background .18s var(--ease);
}
.iconbtn:hover{transform:translateY(-1px)}
.nav__burger{display:none}

/* Desktop nav links */
.nav__links{display:flex;align-items:center;gap:clamp(10px,1.6vw,22px)}
.nav__links a{
  padding:10px 12px;border-radius:14px;
  color:var(--muted);
  transition:background .18s var(--ease), transform .18s var(--ease), color .18s var(--ease);
}
.nav__links a:hover{background:rgba(255,179,90,.20);color:var(--txt);transform:translateY(-1px)}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:16px;padding:12px 16px;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--txt);
  box-shadow:var(--shadow2);
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn--compact{padding:10px 12px;border-radius:14px}
.btn--primary{background:linear-gradient(180deg, rgba(255,179,90,.95), rgba(255,179,90,.72));border-color:rgba(255,179,90,.46)}
.btn--ghost{background:transparent}
.btn--didi{background:linear-gradient(180deg, rgba(255,90,60,.95), rgba(255,90,60,.72));border-color:rgba(255,90,60,.45);color:#fff}

/* Hero */
.hero{position:relative;padding:calc(var(--pad2)*1.08) 0 calc(var(--pad2)*1.10)}
.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__mesh{
  position:absolute;inset:-80px;
  background:
    radial-gradient(1200px 600px at 12% 8%, var(--glowA), transparent 60%),
    radial-gradient(980px 620px at 92% 14%, var(--glowB), transparent 60%),
    radial-gradient(760px 520px at 65% 0%, var(--glowC), transparent 65%);
  opacity:var(--meshOpacity);filter:blur(2px);
}
.hero__noise{
  position:absolute;inset:0;opacity:var(--noiseOpacity);
  background:
    radial-gradient(1px 1px at 20px 20px, rgba(0,0,0,.35), transparent 55%),
    radial-gradient(1px 1px at 70px 50px, rgba(0,0,0,.25), transparent 55%),
    radial-gradient(1px 1px at 140px 110px, rgba(0,0,0,.25), transparent 55%);
  background-size:180px 140px;mix-blend-mode:multiply;
}
html[data-theme="dark"] .hero__noise{mix-blend-mode:screen}
.hero__glow{position:absolute;filter:blur(46px);opacity:.55}
.hero__glow--a{width:420px;height:420px;left:-140px;top:10%;background:var(--glowA)}
.hero__glow--b{width:380px;height:380px;right:-150px;top:5%;background:var(--glowB)}
.hero__glow--c{width:300px;height:300px;left:52%;top:-120px;background:var(--glowC);transform:translateX(-50%)}

.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(16px,4vw,48px);align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel2)}
.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg, rgba(255,179,90,1), rgba(255,179,90,.55));box-shadow:0 0 0 6px rgba(255,179,90,.18)}
.hero__title{margin:18px 0 12px;font-size:clamp(34px,4.6vw,62px);line-height:1.05;letter-spacing:-.02em}
.underline{position:relative;display:inline-block}
.underline::after{
  content:"";position:absolute;left:-2%;right:-2%;height:.28em;bottom:.10em;border-radius:999px;
  background:linear-gradient(90deg, rgba(255,179,90,.55), rgba(255,90,60,.35));z-index:-1;
}
.hero__subtitle{margin:14px 0 18px;max-width:60ch;color:var(--muted);font-size:clamp(14px,1.45vw,18px);line-height:1.6}
.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.stat{border-radius:var(--r);border:1px solid var(--line);background:var(--panel);padding:12px 14px;box-shadow:var(--shadow2)}
.stat__k{color:var(--muted);font-size:12px}
.stat__v{font-weight:950;margin-top:4px}

/* Media card */
.mediaCard{position:relative;border-radius:var(--r2);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}
.mediaCard__pic{aspect-ratio:16/11;display:block;background:rgba(0,0,0,.06)}
.mediaCard__img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .5s var(--ease)}
.mediaCard:hover .mediaCard__img{transform:scale(1.06)}
.img--focus{object-position:var(--fx,50%) var(--fy,50%)}
.mediaCard__badge{
  position:absolute;left:14px;bottom:14px;right:14px;padding:12px 14px;border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.60));
  border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(12px)
}
html[data-theme="dark"] .mediaCard__badge{
  background:linear-gradient(180deg, rgba(18,18,22,.78), rgba(18,18,22,.48));
  border-color:rgba(246,239,232,.12)
}
.badge__title{font-weight:950}
.badge__sub{color:var(--muted);font-size:13px;margin-top:2px}
.mediaCard__sticker{
  position:absolute;top:14px;right:14px;display:flex;gap:8px;padding:10px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.20);backdrop-filter:blur(10px);
  color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.8px;font-size:11px
}

/* Quote pill */
.quotePill{
  margin-top:12px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;
  background:linear-gradient(180deg, rgba(35,28,24,.82), rgba(35,28,24,.62));
  border:1px solid rgba(255,179,90,.26);
  color:#fff;backdrop-filter:blur(14px);
  box-shadow:0 18px 44px rgba(0,0,0,.18);
  max-width:min(520px,100%);
  animation:floaty 5.8s var(--ease) infinite;
}
.quotePill__txt{font-weight:950;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.35)}
@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}

/* Sections */
.section{padding:var(--pad2) 0}
.section__head{padding:0 0 14px}
.h2{margin:0 0 8px;font-size:clamp(22px,2.6vw,34px)}
.h3{margin:0 0 8px;font-size:clamp(18px,2vw,22px)}
.lead{margin:0;color:var(--muted);font-size:clamp(14px,1.4vw,18px);line-height:1.6}
.muted{color:var(--muted)}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease), transform .45s var(--ease)}
.reveal.is-in{opacity:1;transform:translateY(0)}

.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.chip{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-weight:900;font-size:12px}

/* Story cards */
.storyGrid{display:grid;gap:clamp(14px,2.4vw,22px)}
.storyCard{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.2vw,24px);
  align-items:center;border:1px solid var(--line);border-radius:var(--r2);
  background:var(--panel);box-shadow:var(--shadow2);
  padding:clamp(12px,2vw,20px);overflow:hidden;position:relative;
}
.storyCard__pic{display:block;border-radius:18px;overflow:hidden}
.storyCard__img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s var(--ease)}
.storyCard:hover .storyCard__img{transform:scale(1.05)}
.storyCard__ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* ✅ TAPE — ANIMACIÓN REAL */
.section--tape{padding:10px 0 36px;}
.section--tape2{padding:0 0 calc(var(--pad2)*.9);}

.tape{
  position:relative;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.38));
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow2);
}
html[data-theme="dark"] .tape{
  background:linear-gradient(180deg, rgba(18,18,22,.60), rgba(18,18,22,.38));
}
.tape__fade{position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}
.tape__fade--l{left:0;background:linear-gradient(90deg, rgba(255,247,239,1), transparent)}
.tape__fade--r{right:0;background:linear-gradient(270deg, rgba(255,247,239,1), transparent)}
html[data-theme="dark"] .tape__fade--l{background:linear-gradient(90deg, rgba(15,15,18,1), transparent)}
html[data-theme="dark"] .tape__fade--r{background:linear-gradient(270deg, rgba(15,15,18,1), transparent)}

.tape__viewport{overflow:hidden}
.tape__inner{
  display:flex;
  width:max-content;
  gap:18px;
  padding:12px 12px;
  white-space:nowrap;
  will-change:transform;
  animation: marquee 18s linear infinite;
}
.tape__inner--reverse{animation-direction:reverse; animation-duration:16s;}
.tape__group{display:flex;gap:12px;align-items:center}

.tape__pill{
  padding:10px 12px;border-radius:999px;
  background:var(--panel);border:1px solid var(--line);
  font-weight:950;color:var(--txt);
  box-shadow:var(--shadow2);
  font-size:13px;
}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.tape--alt{border-color:rgba(0,74,173,.16)}

/* Menu sticky */
.section--menu{background:linear-gradient(180deg, rgba(255,179,90,.08), transparent 44%);padding-top:calc(var(--pad2)*.85)}
.menuSticky{position:sticky;top:var(--menuStickyOffset);z-index:60;padding:6px 0}
.menuBar{
  border:1px solid var(--line);background:var(--panel);border-radius:var(--r2);
  padding:10px;box-shadow:var(--shadow2);
  display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap
}
.menuTabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{
  padding:9px 11px;border-radius:999px;border:1px solid var(--line);
  background:transparent;cursor:pointer;color:var(--muted);font-weight:950;
}
.tab.is-active{background:rgba(255,179,90,.24);color:var(--txt);border-color:rgba(255,179,90,.35)}
.menuTools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;width:min(560px,100%)}
.seg{display:flex;gap:6px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:6px}
.seg__btn{padding:8px 10px;border-radius:999px;border:0;background:transparent;cursor:pointer;color:var(--muted);font-weight:950}
.seg__btn.is-active{background:rgba(255,179,90,.26);color:var(--txt)}
.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:10px 12px;width:min(320px,100%)}
.search input{border:0;outline:none;background:transparent;color:var(--txt);width:100%}

.menuGridWrap{margin-top:14px;padding-top:12px}
.menuGrid{margin-top:14px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.menuNotes{color:var(--muted);font-weight:900}
.menuItem{
  grid-column:span 4;border-radius:var(--r2);border:1px solid var(--line);
  background:var(--panel);box-shadow:var(--shadow2);
  padding:14px;display:flex;flex-direction:column;gap:10px;min-height:168px;
}
.menuItem__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.menuItem__name{font-weight:950}
.menuItem__desc{color:var(--muted);line-height:1.5;font-size:13px}
.menuItem__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.tag{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:12px;font-weight:950}
.pricePill{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,179,90,.18);font-weight:950}

/* Specials slider */
.section--specials{background:radial-gradient(1000px 500px at 10% 0%, rgba(255,179,90,.14), transparent 60%),radial-gradient(900px 560px at 95% 10%, rgba(0,74,173,.10), transparent 65%)}
.sliderShell--personality{border-radius:var(--r2);border:1px solid rgba(255,179,90,.22);background:linear-gradient(180deg, rgba(255,179,90,.10), rgba(255,255,255,.52));box-shadow:var(--shadow);padding:14px}
html[data-theme="dark"] .sliderShell--personality{background:linear-gradient(180deg, rgba(255,179,90,.08), rgba(18,18,22,.55))}
.sliderTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sliderBtns{display:flex;gap:10px}
.slider{position:relative;overflow:hidden;border-radius:20px}
.slider__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-x:contain}
.sliderCard{scroll-snap-align:start;min-width:min(330px,80vw);border-radius:22px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2);padding:14px;display:flex;flex-direction:column;gap:10px}
.sliderCard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sliderCard__title{font-weight:950}
.sliderCard__desc{color:var(--muted);line-height:1.5}
.sliderCard__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.tags{display:flex;gap:8px;flex-wrap:wrap}

/* Gallery */
.section--gallery{background:radial-gradient(900px 420px at 15% 0%, rgba(0,74,173,.08), transparent 60%)}
.galleryShell{border-radius:var(--r2);border:1px solid rgba(0,74,173,.14);background:linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.38));box-shadow:var(--shadow2);padding:14px}
html[data-theme="dark"] .galleryShell{background:linear-gradient(180deg, rgba(18,18,22,.60), rgba(18,18,22,.44))}
.galleryTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.galleryBtns{display:flex;gap:10px}
.gallery{position:relative;overflow:hidden;max-width:100%}
.gallery__track{display:flex;gap:12px;padding:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;scrollbar-gutter:stable both-edges;max-width:100%}
.gCard{
  scroll-snap-align:center;min-width:min(560px,88vw);
  border-radius:22px;overflow:hidden;position:relative;
  border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2);
  cursor:pointer;padding:0;text-align:left;
  transition:transform .35s var(--ease), filter .35s var(--ease), opacity .35s var(--ease);
  transform:translateZ(0) scale(.96);filter:saturate(.95) contrast(.98);opacity:.82;
}
.gCard.is-active{transform:translateZ(30px) scale(1);filter:saturate(1.02) contrast(1);opacity:1}
.gCard__img{width:100%;height:clamp(280px,44vw,440px);object-fit:cover}
.gCard__cap{
  position:absolute;left:12px;bottom:12px;padding:10px 12px;border-radius:999px;
  background:linear-gradient(180deg, rgba(35,28,24,.82), rgba(35,28,24,.62));
  color:#fff;border:1px solid rgba(255,179,90,.22);font-weight:950;backdrop-filter:blur(10px)
}
.galleryMeta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 14px}
.galleryDots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.dot2{width:10px;height:10px;border-radius:50%;border:1px solid var(--line);background:rgba(255,179,90,.18);cursor:pointer}
.dot2.is-active{background:rgba(0,74,173,.25);transform:scale(1.2)}
.galleryProg{flex:1;display:flex;justify-content:flex-end}
.galleryProg__bar{width:min(260px,40vw);height:10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);overflow:hidden}
.galleryProg__bar span{display:block;height:100%;width:20%;background:linear-gradient(90deg, rgba(255,179,90,.70), rgba(0,74,173,.22));border-radius:999px}

/* Map */
.section--map .mapGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.mapCard{border:1px solid var(--line);background:var(--panel);border-radius:var(--r2);overflow:hidden;box-shadow:var(--shadow2)}
.mapWrap{aspect-ratio:16/10}
.mapWrap iframe{width:100%;height:100%;border:0}
.mapInfo{border:1px solid var(--line);background:var(--panel);border-radius:var(--r2);padding:14px;box-shadow:var(--shadow2)}
.list__row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.list__row:last-child{border-bottom:0}
.list__k{color:var(--muted);font-weight:950}
.list__v{font-weight:950}
.location__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* FAQ */
.section--faq .faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq,.ctaCard{border:1px solid var(--line);background:var(--panel);border-radius:var(--r2);padding:14px;box-shadow:var(--shadow2)}
.faq__q{
  width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--panel2);
  margin-bottom:10px;cursor:pointer;font-weight:950;color:var(--txt);
}
.faq__a{display:none;padding:0 10px 12px;color:var(--muted);line-height:1.55}
.faq__q[aria-expanded="true"] + .faq__a{display:block}
html[data-theme="light"] .faq__q{color:#231c18}
html[data-theme="light"] .faq__q .faq__icon{color:#231c18}
.ctaRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.ctaMini{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* Steps */
.section--steps{
  background:
    radial-gradient(900px 520px at 15% 0%, rgba(255,90,60,.12), transparent 65%),
    radial-gradient(920px 520px at 95% 20%, rgba(255,179,90,.12), transparent 65%);
}
.stepsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.combo,.builder{border:1px solid var(--line);background:var(--panel);border-radius:var(--r2);padding:14px;box-shadow:var(--shadow2);overflow:hidden}
.combo__title,.builder__title{font-weight:950;font-size:18px}
.combo__sub,.builder__sub{color:var(--muted);font-weight:900;font-size:13px;margin-top:4px}
.combo__list{display:grid;gap:10px;margin-top:12px}
.comboCard{
  border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:12px;
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  transition:transform .18s var(--ease), background .18s var(--ease);
}
.comboCard:hover{transform:translateY(-1px);background:rgba(255,179,90,.12)}
.comboCard__name{font-weight:950}
.comboCard__meta{color:var(--muted);font-weight:900;font-size:12px}
.comboCard__btn{
  padding:10px 14px;border-radius:999px;border:1px solid rgba(255,90,60,.45);
  background: linear-gradient(180deg, rgba(255,90,60,.25), rgba(255,90,60,.12));
  color:#231c18;font-weight:950;cursor:pointer;
}
.combo__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.builder__rows{display:grid;gap:12px;margin-top:12px}
.pick{display:grid;gap:8px}
.pick__k{font-weight:950}
.pick__opts{display:flex;gap:10px;flex-wrap:wrap}
.pillbtn{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);cursor:pointer;font-weight:950;color:var(--muted)}
.pillbtn.is-on{background:rgba(0,74,173,.16);color:var(--txt);border-color:rgba(0,74,173,.22)}
.builder__result{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.builder__line{color:var(--muted);font-weight:900}
.builder__line b{color:var(--txt)}

/* Club */
.section--club .club{
  border:1px solid rgba(255,179,90,.22);
  background:linear-gradient(180deg, rgba(255,179,90,.10), var(--panel));
  border-radius:var(--r2);
  padding:18px;
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:12px;
}
.club__form input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);outline:none}
.club__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.club__hint{margin-top:10px}

/* Footer */
.footer{padding:calc(var(--pad2)*1.06) 0;border-top:1px solid var(--line);background:linear-gradient(180deg, transparent, rgba(255,179,90,.08))}
.footer__grid{display:grid;grid-template-columns:1.2fr .7fr .8fr .8fr;gap:14px;align-items:start}
.fBrand__row{display:flex;gap:12px;align-items:center}
.fBrand__mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:rgba(255,179,90,.22);border:1px solid rgba(255,179,90,.22);font-weight:950}
.fBrand__name{font-weight:950}
.fBrand__sub{color:var(--muted);font-size:13px}
.fBrand__desc{margin:12px 0 0;line-height:1.55}
.footer__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.fCol{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-weight:900}
.fCol a:hover{color:var(--txt)}
.fCol__title{color:var(--txt);font-weight:950;margin-bottom:2px}
.fCol__title--sm{margin-top:12px}
.fMini{border:1px solid rgba(0,74,173,.12);background:linear-gradient(180deg, rgba(0,74,173,.06), var(--panel));border-radius:22px;padding:14px;box-shadow:var(--shadow2)}
.fMini__title{font-weight:950;margin-bottom:6px}
.fMini__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.fMini__badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.miniBadge{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:12px;font-weight:950}
.footer__bottom{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

/* Floating actions */
.floatActions{position:fixed;right:12px;bottom:12px;display:flex;flex-direction:column;gap:10px;z-index:80}
.fab{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);transition:transform .18s var(--ease)}
.fab:hover{transform:translateY(-1px)}
.fab__ico{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:950}
.fab--didi{border-color:rgba(255,90,60,.25)}
.fab--didi .fab__ico{background:rgba(255,90,60,.18);color:var(--didi)}
.fab--wa{border-color:rgba(0,160,100,.20)}
.fab--wa .fab__ico{background:rgba(0,160,100,.18)}
.fab--ig{border-color:rgba(0,74,173,.14)}
.fab--ig .fab__ico{background:rgba(0,74,173,.12)}
.fab__txt{font-weight:950}

/* ✅ Drawer/backdrop (móvil) */
.sheetBackdrop{
  position:fixed;inset:0;z-index:89;
  background:rgba(0,0,0,.22);
  backdrop-filter:blur(2px);
  opacity:0;pointer-events:none;
  transition:opacity .2s var(--ease);
}
.sheetBackdrop.is-on{opacity:1;pointer-events:auto}

.drawer{
  position:fixed;top:0;right:0;bottom:0;
  width:min(420px,92vw);
  z-index:90;
  transform:translateX(110%);
  transition:transform .22s var(--ease);
  border-left:1px solid var(--line);
  backdrop-filter:blur(16px);
  box-shadow:-18px 0 50px rgba(0,0,0,.18);
  padding:calc(var(--pad)*1.2);
  display:flex;flex-direction:column;gap:12px;
  background:
    radial-gradient(900px 500px at 20% 0%, rgba(255,179,90,.20), transparent 60%),
    linear-gradient(180deg, rgba(255,243,230,.92), rgba(255,243,230,.72));
}
html[data-theme="dark"] .drawer{
  background:
    radial-gradient(900px 500px at 20% 0%, rgba(255,179,90,.12), transparent 60%),
    linear-gradient(180deg, rgba(15,15,18,.88), rgba(15,15,18,.62));
}
.drawer.is-open{transform:translateX(0)}
.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.drawer__brand{display:flex;align-items:center;gap:12px}
.drawer__mark{
  width:48px;height:48px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg, rgba(255,90,60,.22), rgba(255,90,60,.10));
  border:1px solid rgba(255,90,60,.22);
  font-weight:950;
}
.drawer__title{font-weight:950}
.drawer__sub{color:var(--muted);font-size:13px}
.drawer__links{display:flex;flex-direction:column;gap:10px}
.drawer__links a{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px;border-radius:16px;border:1px solid var(--line);
  background:var(--panel2);color:var(--txt);font-weight:950;
  transition:transform .18s var(--ease), background .18s var(--ease);
}
.drawer__links a:hover{transform:translateY(-1px);background:rgba(255,179,90,.14)}
.drawer__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}

/* Lightbox */
.lightbox{
  position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.66);
  opacity:0;pointer-events:none;
  transition:opacity .2s var(--ease);
  padding:var(--pad);
}
.lightbox.is-on{opacity:1;pointer-events:auto}
.lightbox__img{
  width:min(1100px,96vw);height:auto;max-height:86vh;
  border-radius:22px;border:1px solid rgba(255,255,255,.18);
  box-shadow:0 30px 80px rgba(0,0,0,.55);
}
.lightbox__close{
  position:absolute;top:14px;right:14px;border-radius:14px;padding:10px 12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.30);color:#fff;cursor:pointer;
}

/* Responsive */
@media (max-width:980px){
  .hero__grid{grid-template-columns:1fr}
  .section--map .mapGrid{grid-template-columns:1fr}
  .section--faq .faqGrid{grid-template-columns:1fr}
  .section--club .club{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .stepsGrid{grid-template-columns:1fr}
}

@media (max-width:860px){
  .nav__burger{display:inline-flex}
  .nav__links{display:none} /* ✅ IMPORTANT: desktop links desaparecen en móvil */
}

@media (max-width:820px){
  .menuItem{grid-column:span 6}
  .footer__grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .menuItem{grid-column:span 12}
  .hero__stats{grid-template-columns:1fr}
  .floatActions{left:12px;right:12px;flex-direction:row;justify-content:space-between}
  .fab{width:calc(33.33% - 8px);justify-content:center}
  .fab__txt{display:none}
  .gCard{min-width:92vw}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}