/* ============================================================
   CRIS GROSZ × MORASHOP — Grosz Nutrition
   Navy base + naranja Grosz (marca real). Anclaje tipográfico (tagline).
   NOTA: los tokens --green* conservan el nombre pero ahora son NARANJA
   (evita renombrar 68 usos). --blue* = azul de marca. --lime = dorado.
   ============================================================ */

:root{
  --carbon:#0b1120; --carbon-2:#111a2e; --ink:#070b16; --panel:#16223c;
  --line:rgba(255,255,255,.10); --line-soft:rgba(255,255,255,.06);
  --white:#fff; --cream:#F2F4F0; --muted:rgba(255,255,255,.64);
  --gray:#E6E8EA; --gray-2:#d7dbdf;
  --green:#F5820A; --green-bright:#FF9E2C; --green-deep:#B85600; --lime:#FFCE6A;
  --blue:#1F4FD0; --blue-bright:#3D6BF0; --blue-deep:#12307f;
  --maxw:1180px;
  --r:16px;
}
.gz-page *{box-sizing:border-box}
html{scroll-behavior:smooth}

/* FIX PIN 3D: el theme tiene `html,body{overflow-x:hidden!important}` que rompe
   el position:sticky del visor. clip corta igual el horizontal pero NO crea
   scroll-container → el sticky vuelve a fijarse. Más específico + !important
   para ganarle a la regla global. Solo en esta página (html.gz-landing). */
html.gz-landing,
html.gz-landing body{ overflow-x:clip !important; }
.gz-page{
  margin:0; background:var(--carbon); color:var(--white);
  font-family:"Inter",system-ui,sans-serif; line-height:1.55;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
.gz-page img{max-width:100%;display:block}
.gz-page a{color:inherit}
.gz-page h1,
.gz-page h2,
.gz-page h3{margin:0}
.gz-page section{position:relative}

.gz-page .kicker{
  font-family:"Sora",sans-serif; font-weight:700; font-size:.72rem;
  letter-spacing:.26em; text-transform:uppercase; color:var(--muted); margin:0 0 .8rem;
}
.gz-page .kicker--green{color:var(--green-bright)}/* ---------- Botones ---------- */



.gz-page .btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:"Sora",sans-serif; font-weight:700; font-size:.98rem; text-decoration:none;
  padding:.95rem 1.7rem; border-radius:999px; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  border:1.5px solid transparent;
}
.gz-page .btn--green{ background:var(--green); color:#2a1400; box-shadow:0 10px 30px rgba(245,130,10,.30); }
.gz-page .btn--green:hover{ transform:translateY(-2px); box-shadow:0 14px 38px rgba(245,130,10,.45); background:var(--green-bright); }
.gz-page .btn--ghost{ border-color:rgba(255,255,255,.28); color:#fff; }
.gz-page .btn--ghost:hover{ border-color:#fff; background:rgba(255,255,255,.06); transform:translateY(-2px); }
.gz-page .btn--lg{ padding:1.15rem 2.4rem; font-size:1.1rem; }/* ---------- Topbar ---------- */



.gz-page .topbar{
  position:sticky; top:0; z-index:40;
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.8rem clamp(1rem,4vw,2.2rem);
  background:rgba(16,19,22,.82); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.gz-page .topbar__back{
  font-family:"Sora",sans-serif; font-weight:600; font-size:.85rem; text-decoration:none;
  color:var(--muted); display:inline-flex; align-items:center; gap:.4rem; transition:color .15s;
}
.gz-page .topbar__back:hover{color:#fff}
.gz-page .topbar__wordmark{ display:inline-flex; align-items:center; gap:.5rem; text-decoration:none; }
.gz-page .wm-grosz{ font-family:"Anton",sans-serif; font-size:1.45rem; letter-spacing:.04em; color:#fff; line-height:1; }
.gz-page .wm-x{ color:var(--green-bright); font-weight:800; opacity:.85; }
.gz-page .wm-logo{ height:40px; width:auto; }
.gz-page .wm-mora{ font-family:"Inter",sans-serif; font-weight:800; font-size:1.1rem; color:#fff; }/* ---------- HERO ---------- */



.gz-page .hero{
  position:relative; overflow:hidden;
  display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:2rem;
  max-width:var(--maxw); margin:0 auto; width:100%;
  padding:clamp(3rem,8vw,6rem) clamp(1.1rem,5vw,2.5rem) clamp(2.5rem,6vw,4.5rem);
  min-height:min(82svh,720px);
}
.gz-page .hero__grid{
  position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
  background-size:46px 46px; mask-image:radial-gradient(120% 90% at 30% 30%,#000 30%,transparent 75%);
}
.gz-page .hero__glow{
  position:absolute; z-index:0; top:-15%; left:-10%; width:600px; height:600px; pointer-events:none;
  background:radial-gradient(circle,rgba(245,130,10,.22),transparent 65%); filter:blur(8px);
}
.gz-page .hero__content{ position:relative; z-index:2; }
.gz-page .eyebrow{
  font-family:"Sora",sans-serif; font-weight:700; font-size:.74rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--muted); margin:0 0 1.2rem; display:flex; flex-wrap:wrap; gap:.45em; align-items:center;
}
.gz-page .eyebrow__x{color:var(--green-bright); font-weight:800}
.gz-page .eyebrow__dot{opacity:.4}
.gz-page .hero__title{
  font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase;
  font-size:clamp(3.1rem,2rem + 8vw,6.6rem); line-height:.92; letter-spacing:.005em; color:#fff;
  margin:0 0 1.3rem; text-shadow:0 4px 40px rgba(0,0,0,.4);
}
.gz-page .hero__title em{ color:var(--green-bright); font-style:normal; position:relative; }
.gz-page .hero__title em::after{
  content:""; position:absolute; left:0; right:0; bottom:.06em; height:.1em; background:var(--green);
  border-radius:4px; opacity:.5; transform:scaleX(0); transform-origin:left; animation:gz-underline 1s .5s ease forwards;
}
@keyframes gz-underline{to{transform:scaleX(1)}}
.gz-page .hero__sub{ max-width:48ch; color:rgba(255,255,255,.82); font-size:1.06rem; margin:0 0 1.8rem; }
.gz-page .hero__sub strong{color:#fff}
.gz-page .hero__actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin-bottom:2.2rem; }
.gz-page .hero__creds{
  list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0;
  border:1px solid var(--line); border-radius:14px; overflow:hidden; max-width:520px;
  background:rgba(255,255,255,.02);
}
.gz-page .hero__creds li{ flex:1 1 0; min-width:120px; padding:.9rem 1.1rem; border-left:1px solid var(--line); }
.gz-page .hero__creds li:first-child{border-left:0}
.gz-page .hero__creds b{ display:block; font-family:"Anton",sans-serif; font-weight:400; font-size:1.5rem; color:#fff; line-height:1; }
.gz-page .hero__creds span{ font-size:.74rem; color:var(--muted); letter-spacing:.04em; }/* hero figure (placeholder de foto) */



.gz-page .hero__figure{ position:relative; z-index:1; height:100%; display:flex; align-items:center; justify-content:center; }
.gz-page .hero__ph{
  position:relative; width:100%; max-width:420px; aspect-ratio:3/4; border-radius:24px;
  background:
    radial-gradient(120% 80% at 70% 10%,rgba(245,130,10,.20),transparent 55%),
    linear-gradient(160deg,#1d232a,#0d1013);
  border:1px solid var(--line); overflow:hidden;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.gz-page .hero__ph::before{
  content:""; position:absolute; inset:0;
  background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);
  background-size:34px 34px; opacity:.4;
}
.gz-page .hero__ph-mono{ font-family:"Anton",sans-serif; font-size:clamp(7rem,18vw,12rem); color:rgba(255,255,255,.06); line-height:.8; }
.gz-page .hero__ph-note{ font-family:"Sora",sans-serif; font-weight:700; font-size:.72rem; letter-spacing:.28em; color:var(--green-bright); opacity:.8; z-index:1; }
.gz-page .hero__img{ width:100%; max-width:420px; aspect-ratio:3/4; object-fit:cover; object-position:50% 18%; border-radius:24px; border:1px solid var(--line); box-shadow:0 30px 80px rgba(0,0,0,.55); }/* ---------- RIEL ---------- */



.gz-page .rail{ overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--green); padding:13px 0; }
.gz-page .rail__track{ display:flex; width:max-content; gap:0; animation:gz-marq 18s linear infinite; will-change:transform; }
.gz-page .rail__track span{
  font-family:"Anton",sans-serif; font-size:1.05rem; letter-spacing:.06em; text-transform:uppercase;
  color:#2a1400; padding:0 .9rem; white-space:nowrap;
}
.gz-page .rail__track .dot{ color:rgba(6,33,14,.5); }
@keyframes gz-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}/* ---------- QUIÉN ES ---------- */



.gz-page .quien{
  max-width:var(--maxw); margin:0 auto; width:100%;
  padding:clamp(3.5rem,9vw,6rem) clamp(1.1rem,5vw,2.5rem);
  display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2rem,5vw,4rem); align-items:center;
}
.gz-page .quien__media{ position:relative; }
.gz-page .quien__ph{
  aspect-ratio:4/5; border-radius:20px; overflow:hidden; border:1px solid var(--line);
  background:radial-gradient(120% 80% at 30% 10%,rgba(245,130,10,.14),transparent 55%),linear-gradient(160deg,#1c2128,#0d1013);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem;
}
.gz-page .quien__ph-mono{ font-family:"Anton",sans-serif; font-size:clamp(6rem,16vw,10rem); color:rgba(255,255,255,.06); }
.gz-page .quien__ph-note{ font-family:"Sora",sans-serif; font-weight:700; font-size:.7rem; letter-spacing:.26em; color:var(--green-bright); opacity:.75; }
.gz-page .quien__img{ width:100%; aspect-ratio:4/5; object-fit:cover; object-position:50% 14%; border-radius:20px; border:1px solid var(--line); display:block; }
.gz-page .quien__stamp{
  position:absolute; right:-14px; bottom:-14px; width:96px; height:96px; border-radius:50%;
  background:var(--green); color:#2a1400; display:flex; align-items:center; justify-content:center;
  font-family:"Anton",sans-serif; font-size:1.7rem; box-shadow:0 12px 30px rgba(245,130,10,.4);
}
.gz-page .quien__stamp span{font-size:2rem}
.gz-page .quien__text h2{
  font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase;
  font-size:clamp(2.2rem,1.4rem + 4vw,3.4rem); line-height:.95; margin:0 0 1.1rem;
}
.gz-page .quien__text p{ color:rgba(255,255,255,.78); margin:0 0 1rem; max-width:54ch; }
.gz-page .quien__text strong{color:#fff}
.gz-page .quien__text em{color:var(--green-bright); font-style:italic}
.gz-page .creds-list{ list-style:none; margin:1.5rem 0 0; padding:0; display:flex; flex-direction:column; gap:.55rem; }
.gz-page .creds-list__item{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:.85rem 1.1rem; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02);
}
.gz-page .creds-list__label{ font-weight:600; font-size:.95rem; }
.gz-page .creds-list__badge{
  font-family:"Sora",sans-serif; font-weight:700; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--green-bright); border:1px solid rgba(245,130,10,.4); border-radius:999px; padding:.28rem .7rem; white-space:nowrap;
}/* ---------- ÁNGULO ---------- */



.gz-page .angle{
  max-width:var(--maxw); margin:0 auto; width:100%;
  padding:clamp(2.5rem,6vw,4rem) clamp(1.1rem,5vw,2.5rem);
}
.gz-page .angle__head{ text-align:center; max-width:680px; margin:0 auto 2.4rem; }
.gz-page .angle__head h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.3rem + 4vw,3.2rem); line-height:.95; margin:0 0 .8rem; }
.gz-page .angle__lede{ color:rgba(255,255,255,.74); }
.gz-page .angle__lede strong{color:#fff}
.gz-page .angle__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.gz-page .angle__card{
  background:var(--carbon-2); border:1px solid var(--line); border-radius:var(--r); padding:1.6rem 1.4rem;
  transition:transform .2s ease, border-color .2s ease;
}
.gz-page .angle__card:hover{ transform:translateY(-4px); border-color:rgba(245,130,10,.5); }
.gz-page .angle__ico{ font-size:1.8rem; display:block; margin-bottom:.7rem; }
.gz-page .angle__card h3{ font-family:"Sora",sans-serif; font-size:1.1rem; margin:0 0 .4rem; }
.gz-page .angle__card p{ color:var(--muted); font-size:.92rem; margin:0; }/* ---------- STORE (grilla productos) ---------- */



.gz-page .store{
  max-width:var(--maxw); margin:0 auto; width:100%;
  padding:clamp(3rem,7vw,5rem) clamp(1.1rem,5vw,2.5rem) clamp(2rem,5vw,3.5rem);
}
.gz-page .store__head{ text-align:center; max-width:640px; margin:0 auto 2.2rem; }
.gz-page .store__head h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2.4rem,1.6rem + 5vw,4rem); line-height:.92; margin:0 0 .6rem; }
.gz-page .store__head h2{ color:#fff; }
.gz-page .store__lede{ color:rgba(255,255,255,.74); margin:0 0 1.2rem; }
.gz-page .promo-strip{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; padding:0; margin:0; }
.gz-page .promo-strip li{
  font-family:"Sora",sans-serif; font-weight:700; font-size:.74rem; letter-spacing:.04em; text-transform:uppercase;
  color:var(--green-bright); border:1px solid rgba(245,130,10,.35); border-radius:999px; padding:.4rem .9rem;
}
.gz-page .store__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:.8rem; }/* GRILLA COMPACTA (la compra vive en el 3D; esto es para escanear/comparar) */


.gz-page .store__grid .card{ cursor:pointer; }
.gz-page .store__grid .card__btn{ display:none; }
.gz-page .store__grid .card__price em{ display:none; }
.gz-page .store__grid .card__body{ padding:.7rem .8rem .9rem; gap:.1rem; }
.gz-page .store__grid .card__pick{ font-size:.56rem; }
.gz-page .store__grid .card__name{ font-size:.9rem; line-height:1.2; }
.gz-page .store__grid .card__was{ font-size:.78rem; }
.gz-page .store__grid .card__price{ font-size:1.15rem; }
.gz-page .store__note{ text-align:center; color:rgba(255,255,255,.4); font-size:.8rem; margin:1.6rem 0 0; }/* card producto */



.gz-page .card{
  background:#fff; border-radius:var(--r); overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 6px 24px rgba(0,0,0,.28); transition:transform .2s ease, box-shadow .2s ease;
  color:#10151b;
}
.gz-page .card:hover{ transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,.4); }
.gz-page .card__media{ position:relative; aspect-ratio:1/1; background:var(--gray); display:flex; align-items:center; justify-content:center; }
.gz-page .card__media img{ width:100%; height:100%; object-fit:contain; padding:6px; }
.gz-page .card__ph{
  width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3rem;
  background:radial-gradient(120% 100% at 50% 0%,#fff,var(--gray) 80%);
}
.gz-page .card__ph-mono{ font-family:"Anton",sans-serif; font-size:2.6rem; color:#c2c8cd; line-height:1; }
.gz-page .card__ph-tag{ font-family:"Sora",sans-serif; font-weight:700; font-size:.62rem; letter-spacing:.16em; text-transform:uppercase; color:#9aa1a7; }
.gz-page .card__off{
  position:absolute; top:10px; left:10px; background:var(--green); color:#2a1400;
  font-family:"Sora",sans-serif; font-weight:800; font-size:.72rem; padding:.28rem .6rem; border-radius:8px;
}
.gz-page .card__body{ padding:1rem 1rem 1.2rem; display:flex; flex-direction:column; gap:.25rem; flex:1; }
.gz-page .card__pick{ font-family:"Sora",sans-serif; font-size:.66rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green-deep); margin:0; }
.gz-page .card__pick b{color:var(--green-deep)}
.gz-page .card__name{ font-size:.98rem; font-weight:600; line-height:1.25; margin:.1rem 0 .4rem; min-height:2.5em; color:#10151b; }
.gz-page .card__was{ font-size:.85rem; color:#8b9096; text-decoration:line-through; margin:0; }
.gz-page .card__price{ font-size:1.35rem; font-weight:800; color:#10151b; margin:0; }
.gz-page .card__price em{ display:block; font-size:.72rem; font-weight:600; color:#5f6b74; font-style:normal; }
.gz-page .card__inst{ font-size:.78rem; color:var(--green-deep); font-weight:600; margin:.2rem 0 0; }
.gz-page .card__btn{
  margin-top:auto; display:flex; align-items:center; justify-content:center; gap:.4rem;
  background:#10151b; color:#fff; text-decoration:none; font-family:"Sora",sans-serif; font-weight:700;
  padding:.8rem; border-radius:10px; margin-top:.9rem; transition:background .15s ease;
}
.gz-page .card__btn:hover{ background:var(--green-deep); }
.gz-page .card__btn svg{width:18px;height:18px}/* ---------- PRODUCTO ESTRELLA ---------- */



.gz-page .hero-prod{
  max-width:var(--maxw); margin:0 auto; width:100%;
  padding:clamp(2.5rem,6vw,4.5rem) clamp(1.1rem,5vw,2.5rem);
  display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(2rem,5vw,4rem); align-items:center;
}
.gz-page .hero-prod__viz{ display:flex; justify-content:center; }
.gz-page .hero-prod__ph{
  width:100%; max-width:340px; aspect-ratio:1/1; border-radius:22px;
  background:radial-gradient(120% 90% at 50% 0%,#fff,var(--gray) 85%);
  border:1px solid var(--gray-2); display:flex; align-items:center; justify-content:center;
  box-shadow:0 24px 60px rgba(0,0,0,.4);
}
.gz-page .hero-prod__ph-mono{ font-family:"Anton",sans-serif; font-size:clamp(2.4rem,7vw,3.6rem); color:#aeb5bb; text-align:center; line-height:.95; }
.gz-page .hero-prod__img{ width:100%; max-width:360px; aspect-ratio:1/1; object-fit:contain; background:#fff; border-radius:22px; border:1px solid var(--gray-2); box-shadow:0 24px 60px rgba(0,0,0,.4); padding:16px; }
.gz-page .hero-prod__text h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.4rem + 4vw,3.4rem); line-height:.9; margin:0 0 1rem; }
.gz-page .hero-prod__text p{ color:rgba(255,255,255,.78); max-width:46ch; margin:0 0 1.2rem; }
.gz-page .claims{ list-style:none; padding:0; margin:0 0 1.6rem; display:grid; grid-template-columns:1fr 1fr; gap:.5rem; max-width:440px; }
.gz-page .claims li{ position:relative; padding-left:1.6rem; font-size:.95rem; color:#fff; }
.gz-page .claims li::before{ content:"✓"; position:absolute; left:0; color:var(--green-bright); font-weight:800; }/* ---------- BANDA NATURAL ---------- */



.gz-page .natural{
  text-align:center; padding:clamp(3rem,8vw,5rem) clamp(1.1rem,5vw,2.5rem); position:relative; overflow:hidden;
  background:linear-gradient(135deg,var(--blue),var(--blue-deep));
  border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08);
}
.gz-page .natural__leaf{ font-size:2.6rem; margin:0 0 .6rem; }
.gz-page .natural__title{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.4rem + 5vw,3.8rem); line-height:.92; margin:0 auto .8rem; max-width:18ch; }
.gz-page .natural__title span{ color:var(--lime); }
.gz-page .natural__sub{ color:rgba(255,255,255,.85); max-width:54ch; margin:0 auto; }/* ---------- PLANES (Grosz Training) ---------- */



.gz-page .plans{
  max-width:var(--maxw); margin:0 auto; width:100%;
  padding:clamp(3.5rem,8vw,5.5rem) clamp(1.1rem,5vw,2.5rem);
}
.gz-page .plans__head{ text-align:center; max-width:640px; margin:0 auto 2.4rem; }
.gz-page .plans__head h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2.2rem,1.5rem + 4vw,3.4rem); line-height:.95; margin:0 0 .7rem; }
.gz-page .plans__lede{ color:rgba(255,255,255,.74); }
.gz-page .plans__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; align-items:stretch; }
.gz-page .plan{
  position:relative; background:var(--carbon-2); border:1px solid var(--line); border-radius:18px;
  padding:1.8rem 1.5rem; display:flex; flex-direction:column;
}
.gz-page .plan--feat{ border-color:var(--green); background:linear-gradient(180deg,rgba(245,130,10,.08),var(--carbon-2)); box-shadow:0 16px 50px rgba(245,130,10,.16); }
.gz-page .plan__tag{
  position:absolute; top:-12px; left:50%; transform:translateX(-50%);
  background:var(--green); color:#2a1400; font-family:"Sora",sans-serif; font-weight:800; font-size:.7rem;
  letter-spacing:.08em; text-transform:uppercase; padding:.3rem .9rem; border-radius:999px; white-space:nowrap;
}
.gz-page .plan__name{ font-family:"Anton",sans-serif; font-weight:400; font-size:1.7rem; text-transform:uppercase; margin:0 0 .2rem; }
.gz-page .plan__for{ color:var(--muted); font-size:.88rem; margin:0 0 1.2rem; }
.gz-page .plan__feats{ list-style:none; padding:0; margin:0 0 1.6rem; display:flex; flex-direction:column; gap:.6rem; flex:1; }
.gz-page .plan__feats li{ position:relative; padding-left:1.5rem; font-size:.92rem; color:rgba(255,255,255,.82); }
.gz-page .plan__feats li::before{ content:"✓"; position:absolute; left:0; color:var(--green-bright); font-weight:800; }
.gz-page .plan__feats b{color:#fff}
.gz-page .plan__btn{
  display:flex; align-items:center; justify-content:center; text-decoration:none;
  font-family:"Sora",sans-serif; font-weight:700; padding:.9rem; border-radius:12px;
  border:1.5px solid rgba(255,255,255,.25); color:#fff; transition:all .15s ease;
}
.gz-page .plan__btn:hover{ border-color:var(--green); background:rgba(245,130,10,.1); }
.gz-page .plan--feat .plan__btn{ background:var(--green); color:#2a1400; border-color:var(--green); }
.gz-page .plan--feat .plan__btn:hover{ background:var(--green-bright); transform:translateY(-2px); }/* ---------- FOLLOW ---------- */



.gz-page .follow{ text-align:center; padding:clamp(3rem,7vw,5rem) clamp(1.1rem,5vw,2.5rem); }
.gz-page .follow__eyebrow{ font-family:"Sora",sans-serif; font-weight:700; font-size:.72rem; letter-spacing:.26em; text-transform:uppercase; color:var(--muted); margin:0 0 .5rem; }
.gz-page .follow h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.4rem + 4vw,3.2rem); margin:0 0 .3rem; }
.gz-page .follow__handle{ color:var(--green-bright); font-family:"Sora",sans-serif; font-weight:700; margin:0 0 1.6rem; }
.gz-page .follow__links{ display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; max-width:620px; margin:0 auto; }
.gz-page .follow__links a{
  display:inline-flex; align-items:center; gap:.5em; font-family:"Sora",sans-serif; font-weight:700;
  text-transform:uppercase; letter-spacing:.04em; font-size:.92rem; text-decoration:none;
  border:1.5px solid var(--line); color:#fff; padding:.7rem 1.2rem; border-radius:999px; transition:all .2s ease;
}
.gz-page .follow__links a .ico{ width:1.2em; height:1.2em; }
.gz-page .follow__links a:hover{ transform:translateY(-3px); }
.gz-page .follow__links a[data-net="ig"]:hover{ background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); border-color:transparent; }
.gz-page .follow__links a[data-net="tt"]:hover{ background:#000; border-color:#25F4EE; box-shadow:3px 3px 0 #FE2C55,-3px -3px 0 #25F4EE; }
.gz-page .follow__links a[data-net="yt"]:hover{ background:#FF0000; border-color:#FF0000; }
.gz-page .follow__links a[data-net="kick"]:hover{ background:#53FC18; border-color:#53FC18; color:#0b1120; }
.gz-page .follow__links a[data-net="web"]:hover{ background:var(--green); border-color:var(--green); color:#2a1400; }/* ---------- CLOSER ---------- */



.gz-page .closer{
  position:relative; overflow:hidden; text-align:center;
  padding:clamp(4rem,10vw,6.5rem) clamp(1.1rem,5vw,2.5rem);
  border-top:1px solid var(--line); background:var(--ink);
}
.gz-page .closer__glow{ position:absolute; inset:0; z-index:0; background:radial-gradient(60% 80% at 50% 0%,rgba(245,130,10,.18),transparent 70%); pointer-events:none; }
.gz-page .closer__kicker{ position:relative; z-index:1; font-family:"Sora",sans-serif; font-weight:700; font-size:.74rem; letter-spacing:.26em; text-transform:uppercase; color:var(--green-bright); margin:0 0 .8rem; }
.gz-page .closer__title{ position:relative; z-index:1; font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2.6rem,1.6rem + 7vw,5.4rem); line-height:.88; margin:0 auto 1.8rem; }
.gz-page .closer__title span{ color:var(--green-bright); }
.gz-page .closer .btn{ position:relative; z-index:1; }/* ---------- FOOTER ---------- */



.gz-page .footer{ background:#0a0c0e; border-top:1px solid var(--line); padding:clamp(2.6rem,6vw,4rem) clamp(1.1rem,5vw,2.5rem); text-align:center; }
.gz-page .footer__tagline{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(1.9rem,1.3rem + 4vw,3.4rem); line-height:.95; color:#fff; max-width:var(--maxw); margin:0 auto 2rem; }
.gz-page .footer__tagline span{ color:var(--green-bright); }
.gz-page .footer__bottom{ border-top:1px solid var(--line); padding-top:1.6rem; max-width:var(--maxw); margin:0 auto; }
.gz-page .footer__lockup{ font-family:"Anton",sans-serif; font-size:1.3rem; letter-spacing:.03em; color:#fff; }
.gz-page .footer__lockup i{ color:var(--green-bright); font-style:normal; }
.gz-page .footer__bottom p{ color:var(--muted); font-size:.85rem; margin:.6rem 0 0; }/* ---------- PROOF (el entrenador de...) ---------- */



.gz-page .proof{ max-width:var(--maxw); margin:0 auto; width:100%; padding:clamp(3rem,7vw,5rem) clamp(1.1rem,5vw,2.5rem); }
.gz-page .proof__head{ text-align:center; max-width:640px; margin:0 auto 2.4rem; }
.gz-page .proof__head h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.3rem + 4vw,3.2rem); line-height:.95; margin:0 0 .7rem; }
.gz-page .proof__lede{ color:rgba(255,255,255,.74); }
.gz-page .proof__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.gz-page .proof__card{ background:var(--carbon-2); border:1px solid var(--line); border-radius:var(--r); padding:1.7rem 1.5rem; transition:transform .2s, border-color .2s; }
.gz-page .proof__card:hover{ transform:translateY(-4px); border-color:rgba(245,130,10,.5); }
.gz-page .proof__big{ font-family:"Anton",sans-serif; font-size:clamp(2.6rem,7vw,3.4rem); line-height:1; color:var(--green-bright); display:block; margin-bottom:.5rem; }
.gz-page .proof__big small{ font-size:1rem; color:var(--muted); margin-left:.3rem; }
.gz-page .proof__card h3{ font-family:"Sora",sans-serif; font-size:1.05rem; margin:0 0 .3rem; }
.gz-page .proof__card p{ color:var(--muted); font-size:.92rem; margin:0; }/* ---------- VIDEOS ---------- */



.gz-page .videos{ max-width:var(--maxw); margin:0 auto; width:100%; padding:clamp(.4rem,1vw,.9rem) clamp(1.1rem,5vw,2.5rem) clamp(2.5rem,6vw,4.5rem); }
.gz-page .videos__head{ text-align:center; margin:0 0 1.4rem; }
.gz-page .videos__head h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.3rem + 4vw,3.2rem); margin:0; }
.gz-page .videos__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.gz-page .video-card{ display:block; text-decoration:none; color:#fff; border-radius:14px; overflow:hidden; background:var(--carbon-2); border:1px solid var(--line); transition:transform .2s, border-color .2s; }
.gz-page .video-card:hover{ transform:translateY(-4px); border-color:rgba(245,130,10,.5); }
.gz-page .video-card__thumb{ position:relative; aspect-ratio:16/9; background:#000; }
.gz-page .video-card__thumb img{ width:100%; height:100%; object-fit:cover; }
.gz-page .video-card__play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.gz-page .video-card__play svg{ width:54px; height:38px; filter:drop-shadow(0 4px 12px rgba(0,0,0,.5)); transition:transform .2s; }
.gz-page .video-card:hover .video-card__play svg{ transform:scale(1.1); }
.gz-page .video-card__title{ padding:.9rem 1rem 1.1rem; font-family:"Sora",sans-serif; font-weight:600; font-size:.95rem; line-height:1.3; }
@media(max-width:900px){ .gz-page .proof__grid{ grid-template-columns:1fr; } .gz-page .videos__grid{ grid-template-columns:1fr; max-width:480px; margin:0 auto; } }/* ---------- Reveal ---------- */



.gz-page .reveal{ opacity:0; transform:translateY(22px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); transition-delay:var(--d,0ms); will-change:opacity,transform; }
.gz-page .reveal--left{ transform:translateX(-20px) translateY(0); }
.gz-page .reveal.is-in{ opacity:1; transform:none; }

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .gz-page .hero{ grid-template-columns:1fr; min-height:auto; gap:2.4rem; padding-top:2.6rem; }
  .gz-page .hero__figure{ order:-1; }
  .gz-page .hero__ph{ max-width:300px; aspect-ratio:4/3; }
  .gz-page .quien{ grid-template-columns:1fr; }
  .gz-page .quien__media{ max-width:380px; margin:0 auto; }
  .gz-page .hero-prod{ grid-template-columns:1fr; text-align:center; }
  .gz-page .hero-prod__viz{ order:-1; }
  .gz-page .claims{ margin-left:auto; margin-right:auto; text-align:left; }
  .gz-page .angle__grid{ grid-template-columns:1fr; }
  .gz-page .store__grid{ grid-template-columns:repeat(2,1fr); }
  .gz-page .plans__grid{ grid-template-columns:1fr; max-width:440px; margin:0 auto; }/* Mobile: el fade sutil se pierde en pantalla chica -> mismo POP que las cards */


  
  .gz-page .reveal{ transform:translateY(28px) scale(.965); transition-duration:.6s; }
  .gz-page .reveal--left{ transform:translateY(28px) scale(.965); }/* Hero: foto gigante empuja el contenido + cue se solapa */


  
  .gz-page .hero{ padding-top:2rem; gap:1.8rem; }
  .gz-page .hero__img{ max-width:260px; }
  .gz-page .hero__cue{ display:none; }
}
@media (max-width:520px){
  .gz-page .store__grid{ grid-template-columns:1fr 1fr; gap:.7rem; }
  .gz-page .hero__creds li{ min-width:90px; padding:.7rem .8rem; }
  .gz-page .hero__creds b{font-size:1.2rem}
  .gz-page .topbar__back span{display:none}
}/* ============================================================
   ANIMACIONES / UX — entrada, parallax, tilt, micro-interacciones
   ============================================================ *//* Barra de progreso de scroll */



.gz-page .scroll-prog{ position:fixed; top:0; left:0; height:3px; width:0; z-index:60; background:linear-gradient(90deg,var(--green-deep),var(--green-bright)); box-shadow:0 0 12px rgba(245,130,10,.6); transition:width .08s linear; }/* Header: elevación al scrollear */



.gz-page .topbar{ transition:background .25s ease, box-shadow .25s ease; }
.gz-page .topbar.scrolled{ background:rgba(16,19,22,.96); box-shadow:0 8px 30px rgba(0,0,0,.45); }

/* Entrada del hero (stagger) */
@keyframes gz-rise{ from{opacity:0; transform:translateY(28px)} to{opacity:1; transform:none} }
@keyframes gz-figin{ from{opacity:0; transform:translateY(34px) scale(.96)} to{opacity:1; transform:none} }
@keyframes gz-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
.gz-page .hero__content .eyebrow,
.gz-page .hero__title span,
.gz-page .hero__sub,
.gz-page .hero__actions,
.gz-page .hero__creds{ opacity:0; animation:gz-rise .9s cubic-bezier(.2,.7,.2,1) forwards; }
.gz-page .hero__content .eyebrow{ animation-delay:.05s }
.gz-page .hero__title span:nth-child(1){ animation-delay:.16s }
.gz-page .hero__title span:nth-child(2){ animation-delay:.30s }
.gz-page .hero__sub{ animation-delay:.46s }
.gz-page .hero__actions{ animation-delay:.60s }
.gz-page .hero__creds{ animation-delay:.74s }
.gz-page .hero__figure{ opacity:0; animation:gz-figin 1.1s .35s cubic-bezier(.2,.7,.2,1) forwards; }
.gz-page .hero__img{ animation:gz-float 6.5s ease-in-out 1.5s infinite; }/* Scroll cue */



.gz-page .hero__cue{ position:absolute; left:50%; bottom:16px; transform:translateX(-50%); z-index:3; width:26px; height:42px; border:2px solid rgba(255,255,255,.32); border-radius:14px; display:flex; justify-content:center; opacity:0; animation:gz-rise .8s 1.1s forwards; }
.gz-page .hero__cue span{ width:4px; height:8px; border-radius:2px; background:var(--green-bright); margin-top:7px; animation:gz-scrollcue 1.7s ease infinite; }
@keyframes gz-scrollcue{ 0%{opacity:0; transform:translateY(0)} 30%{opacity:1} 65%{opacity:1; transform:translateY(13px)} 100%{opacity:0; transform:translateY(13px)} }/* Botón: barrido de brillo */



.gz-page .btn{ position:relative; overflow:hidden; isolation:isolate; }
.gz-page .btn::after{ content:""; position:absolute; top:0; bottom:0; left:-130%; width:55%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent); transform:skewX(-18deg); transition:left .6s ease; z-index:-1; }
.gz-page .btn:hover::after{ left:150%; }/* ============================================================
   TAP FX — feedback al TOCAR (touch + click). Se ve en celular
   al deslizar/tocar, donde :hover no dispara. Siempre activo.
   ============================================================ */



.gz-page .btn:active{ transform:scale(.94); transition:transform .09s ease; }
.gz-page .btn--green:active{ box-shadow:0 6px 18px rgba(245,130,10,.38); }
.gz-page .btn--ghost:active{ background:rgba(255,255,255,.12); border-color:#fff; }
.gz-page .plan__btn{ position:relative; overflow:hidden; }
.gz-page .plan__btn:active{ transform:scale(.96); }/* Onda (ripple) que sale del punto tocado */



.gz-page .btn__ripple{
  position:absolute; border-radius:50%; pointer-events:none; z-index:-1;
  transform:translate(-50%,-50%) scale(0);
  background:radial-gradient(circle, rgba(255,255,255,.5), rgba(255,255,255,0) 70%);
  animation:gz-ripple .55s cubic-bezier(.2,.7,.2,1) forwards;
}
.gz-page .btn--green .btn__ripple{ background:radial-gradient(circle, rgba(42,20,0,.32), rgba(42,20,0,0) 70%); }
.gz-page .plan__btn .btn__ripple,
.gz-page .card__btn .btn__ripple{ z-index:0; }
@keyframes gz-ripple{ to{ transform:translate(-50%,-50%) scale(1); opacity:0; } }/* Cards producto: tilt 3D + zoom de imagen + brillo en botón */



.gz-page .store__grid{ perspective:1100px; }
.gz-page .card{ transform-style:preserve-3d; }
.gz-page .card__media{ overflow:hidden; }
.gz-page .card__media img{ transition:transform .45s cubic-bezier(.2,.7,.2,1); }
.gz-page .card:hover .card__media img{ transform:scale(1.07); }
.gz-page .card__btn{ position:relative; overflow:hidden; }
.gz-page .card__btn::after{ content:""; position:absolute; top:0; bottom:0; left:-130%; width:55%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent); transform:skewX(-18deg); transition:left .6s ease; }
.gz-page .card__btn:hover::after{ left:150%; }/* Proof: número con pop al entrar */



.gz-page .proof__big{ display:inline-block; transform:scale(.55); opacity:0; transition:transform .65s cubic-bezier(.2,1.35,.45,1), opacity .5s; transition-delay:.18s; }
.gz-page .proof__card.is-in .proof__big{ transform:scale(1); opacity:1; }/* Banda natural: hoja que se mece */



.gz-page .natural__leaf{ display:inline-block; transform-origin:bottom center; animation:gz-sway 4.5s ease-in-out infinite; }
@keyframes gz-sway{ 0%,100%{transform:rotate(-7deg)} 50%{transform:rotate(7deg)} }/* Plan destacado: glow que respira */



.gz-page .plan--feat{ animation:gz-glow 3.2s ease-in-out infinite; }
@keyframes gz-glow{ 0%,100%{box-shadow:0 16px 50px rgba(245,130,10,.16)} 50%{box-shadow:0 18px 62px rgba(245,130,10,.34)} }/* Variante de reveal */



.gz-page .reveal--scale{ transform:scale(.93); }
.gz-page .reveal--scale.is-in{ transform:none; }/* Rail: pausa al hover */



.gz-page .rail:hover .rail__track{ animation-play-state:paused; }/* Iconos follow: micro al hover */



.gz-page .follow__links a .ico{ transition:transform .3s ease; }
.gz-page .follow__links a:hover .ico{ transform:rotate(-8deg) scale(1.1); }/* ============================================================
   PREMIUM FX v2 — word-mask, hero vivo, magnetic, sticky CTA
   ============================================================ *//* 1) Word-mask: cada palabra del titulo sube desde una mascara */





.gz-page [data-split] .word{ display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.12em; margin-bottom:-.12em; }
.gz-page [data-split] .word__i{ display:inline-block; transform:translateY(118%); transition:transform .82s cubic-bezier(.16,.84,.34,1); will-change:transform; }
.gz-page [data-split].is-in .word__i{ transform:translateY(0); }/* 2) Hero vivo: glow a la deriva (siempre) + spotlight que sigue el cursor */



.gz-page .hero__glow{ animation:gz-glowdrift 16s ease-in-out infinite; }
@keyframes gz-glowdrift{ 0%,100%{transform:translate(0,0) scale(1); opacity:.85} 50%{transform:translate(46px,34px) scale(1.18); opacity:1} }
.gz-page .hero__spot{ position:absolute; inset:0; z-index:0; pointer-events:none; opacity:0; transition:opacity .4s ease;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,40%), rgba(255,158,44,.16), transparent 62%); }
.gz-page .hero:hover .hero__spot{ opacity:1; }/* 3) Card: entrada con leve giro 3D */



.gz-page .store__grid .card.reveal{ transform:translateY(28px) scale(.94) rotateX(9deg); transform-origin:50% 100%; }
.gz-page .store__grid .card.reveal.is-in{ transform:none; }/* 4) Botones magneticos (clase via JS) */



.gz-page .btn.is-mag,
.gz-page .plan--feat .plan__btn.is-mag{ transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .15s ease, background .15s ease; }

/* Landing promocional: las animaciones de marca van SIEMPRE activas (decision del
   dueno). No se silencian con prefers-reduced-motion para que se vean en todos lados. */

/* ============================================================
   PREMIUM FX v3 — 8 efectos (parallax, marquee inverso, count+barras,
   clip-wipe, pin estrella, hojas, giroscopio, confetti)
   ============================================================ */

/* ---- 1) Scroll-parallax de imagenes (CSS nativo view(), con @supports) ---- */
@supports (animation-timeline: view()) {
  html.gz-par-on .quien__img,
html.gz-par-on .hero-prod__img,
html.gz-par-on .hero__img{
    will-change: transform; backface-visibility: hidden;
    animation: gz-parallax linear both; animation-timeline: view();
    animation-range: entry 0% exit 100%;
  }
  html.gz-par-on .quien__img{ animation-name: gz-parallax; }
  html.gz-par-on .hero-prod__img{ animation-name: gz-parallax-flat; }
  html.gz-par-on .hero__img{ animation-name: gz-parallax-hero; }
}
@keyframes gz-parallax{ 0%{transform:translate3d(0,1.6%,0) scale(1)} 50%{transform:translate3d(0,0,0) scale(1.06)} 100%{transform:translate3d(0,-1.6%,0) scale(1.08)} }
@keyframes gz-parallax-flat{ 0%{transform:scale(1)} 50%{transform:scale(1.045)} 100%{transform:scale(1.07)} }
@keyframes gz-parallax-hero{ 0%{transform:translate3d(0,1%,0) scale(1.02)} 50%{transform:translate3d(0,0,0) scale(1.05)} 100%{transform:translate3d(0,-1.4%,0) scale(1.08)} }/* ---- 2) Marquee inverso (banda fina, sentido opuesto al riel) ---- */



.gz-page .gz-rail2{ overflow:hidden; background:var(--carbon-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:9px 0; }
.gz-page .gz-rail2__track{ display:flex; width:max-content; animation:gz-marq2 20s linear infinite; will-change:transform; }
.gz-page .gz-rail2__track span{ font-family:"Sora",sans-serif; font-weight:700; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; color:var(--green-bright); padding:0 1rem; white-space:nowrap; }
.gz-page .gz-rail2__track .gz-dot{ color:rgba(255,158,44,.4); }
@keyframes gz-marq2{ from{transform:translateX(-50%)} to{transform:translateX(0)} }
.gz-page .gz-rail2:hover .gz-rail2__track{ animation-play-state:paused; }/* ---- 3) Proof: count-up + barra de progreso bajo el numero ---- */



.gz-page .proof__big{ position:relative; }
.gz-page .gz-pbcount{ font:inherit; color:inherit; font-variant-numeric:tabular-nums; }
.gz-page .gz-pbar{ display:block; height:3px; width:100%; margin-top:.55rem; border-radius:99px; overflow:hidden; background:rgba(255,255,255,.08); }
.gz-page .gz-pbar__fill{ display:block; height:100%; width:100%; transform:scaleX(0); transform-origin:left center; border-radius:inherit;
  background:linear-gradient(90deg,var(--green-deep),var(--green),var(--green-bright)); box-shadow:0 0 10px rgba(255,158,44,.45);
  transition:transform 1.25s cubic-bezier(.22,.61,.36,1); transition-delay:.18s; }
.gz-page .proof__card.is-in .gz-pbar__fill{ transform:scaleX(1); }/* ---- 4) Clip-wipe + blur-up (cards de producto + thumbs de video) ---- */



.gz-page .gz-wipe{ clip-path:inset(0 100% 0 0); filter:blur(10px); opacity:0; }
.gz-page .gz-wipe.gz-shown{ animation:gz-wipein .85s cubic-bezier(.16,.84,.34,1) forwards; }
@keyframes gz-wipein{ 0%{clip-path:inset(0 100% 0 0); filter:blur(10px); opacity:0} 55%{opacity:1} 100%{clip-path:inset(0 0 0 0); filter:blur(0); opacity:1} }

/* ---- 5) Pin del producto estrella (solo desktop) ---- */
@media (min-width:901px){
  .gz-page .hero-prod{ align-items:start; }
  .gz-page .hero-prod__viz{ position:sticky; top:96px; }
}/* ---- 6) Hojas flotando en la banda natural ---- */



.gz-page .natural__leaf,
.gz-page .natural__title,
.gz-page .natural__sub{ position:relative; z-index:1; }
.gz-page .gz-leaf{ position:absolute; bottom:-30px; z-index:0; pointer-events:none; user-select:none; opacity:0; will-change:transform,opacity;
  border-radius:0 100% 0 100%; box-shadow:0 3px 10px rgba(6,33,14,.4); }
.gz-page .gz-leaf::after{ content:""; position:absolute; left:50%; top:8%; width:1px; height:84%; background:rgba(6,33,14,.45); transform:translateX(-50%); }
@keyframes gz-leafrise{ 0%{transform:translate3d(0,0,0) rotate(0); opacity:0} 12%{opacity:.85} 86%{opacity:.6} 100%{transform:translate3d(var(--dx,20px),-360px,0) rotate(var(--dr,200deg)); opacity:0} }/* ---- 7) Giroscopio / tilt en la foto del hero ---- */



.gz-page .gz-tilt{ --gz-rx:0deg; --gz-ry:0deg; --gz-tx:0px; --gz-ty:0px;
  display:flex; align-items:center; justify-content:center; width:100%; height:100%; transform-style:preserve-3d;
  transform:perspective(900px) rotateX(var(--gz-rx)) rotateY(var(--gz-ry)) translate3d(var(--gz-tx),var(--gz-ty),0);
  transition:transform .5s cubic-bezier(.2,.7,.2,1); will-change:transform; }
.gz-page .gz-tilt.gz-tilt--live{ transition:none; }
@keyframes gz-tiltsway{ 0%,100%{transform:perspective(900px) rotateY(-3.2deg) rotateX(1.4deg)} 50%{transform:perspective(900px) rotateY(3.2deg) rotateX(-1.4deg)} }
.gz-page .gz-tilt.gz-tilt--sway{ animation:gz-tiltsway 7s ease-in-out infinite; }
.gz-page .gz-tiltperm{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:4; display:inline-flex; align-items:center; gap:.5em;
  padding:.55em .95em; border-radius:999px; background:rgba(16,19,22,.72); border:1px solid var(--line); color:var(--white);
  font-family:"Sora",sans-serif; font-weight:700; font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; cursor:pointer;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 8px 26px rgba(0,0,0,.45); opacity:0; animation:gz-tiltperm-in .5s .4s forwards; }
.gz-page .gz-tiltperm::before{ content:""; width:.5em; height:.5em; border-radius:50%; background:var(--green-bright); box-shadow:0 0 10px var(--green-bright); }
.gz-page .gz-tiltperm:active{ transform:translateX(-50%) scale(.96); }
.gz-page .gz-tiltperm[hidden]{ display:none; }
@keyframes gz-tiltperm-in{ from{opacity:0; transform:translateX(-50%) translateY(8px)} to{opacity:1; transform:translateX(-50%)} }/* ---- 8) Confetti + pulse al tocar un plan ---- */



.gz-page .gz-confetti{ position:fixed; width:9px; height:9px; border-radius:2px; z-index:70; pointer-events:none; transform:translate(-50%,-50%); animation:gz-conf .9s ease-out forwards; }
@keyframes gz-conf{ 0%{transform:translate(-50%,-50%) scale(.4); opacity:1} 100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 60px)) rotate(var(--rot)) scale(1); opacity:0} }
.gz-page .gz-pulse{ animation:gz-pulse .5s ease; }
@keyframes gz-pulse{ 0%{transform:scale(1)} 35%{transform:scale(1.06)} 100%{transform:scale(1)} }/* ============================================================
   v9 — contenido nuevo (Frosz, Libro, curso único) + UX (subnav, filtros, quick-view)
   ============================================================ *//* badge "próximamente" */





.gz-page .badge-soon{ display:inline-flex; align-items:center; gap:.5em; font-family:"Sora",sans-serif; font-weight:700; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--green-bright); border:1px solid rgba(255,158,44,.4); border-radius:999px; padding:.5em 1em; background:rgba(245,130,10,.08); }
.gz-page .badge-soon::before{ content:""; width:.5em; height:.5em; border-radius:50%; background:var(--green-bright); box-shadow:0 0 10px var(--green-bright); animation:gz-soonblink 1.8s ease-in-out infinite; }
@keyframes gz-soonblink{ 0%,100%{opacity:1} 50%{opacity:.4} }/* plan único centrado */



.gz-page .plans__grid--one{ grid-template-columns:1fr; max-width:520px; margin:0 auto; }
.gz-page .plan__btn svg{ margin-right:.1em; vertical-align:middle; }/* ---- FROSZ (helado proteico en pote) ---- */



.gz-page .frosz{ max-width:var(--maxw); margin:0 auto; padding:clamp(3rem,7vw,5rem) clamp(1.1rem,5vw,2.5rem); }
.gz-page .frosz__inner{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.gz-page .frosz__text h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.4rem + 3.4vw,3.2rem); line-height:.98; margin:0 0 1rem; color:#fff; }
.gz-page .frosz__text p{ color:var(--muted); max-width:46ch; margin:0 0 1.4rem; }
.gz-page .frosz__viz{ display:flex; justify-content:center; }
.gz-page .frosz__pote{ position:relative; width:min(240px,62vw); aspect-ratio:1/1.05; border-radius:16px 16px 22px 22px;
  background:linear-gradient(180deg,#20262d,#12161b); border:1px solid var(--line);
  box-shadow:0 30px 70px rgba(0,0,0,.5), inset 0 2px 0 rgba(255,255,255,.06);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3rem; overflow:hidden;
  animation:gz-froszfloat 6s ease-in-out infinite; }
.gz-page .frosz__lid{ position:absolute; top:0; left:-4%; right:-4%; height:15%; background:linear-gradient(180deg,var(--green),var(--green-deep)); border-radius:16px 16px 6px 6px; box-shadow:0 6px 14px rgba(0,0,0,.4); }
.gz-page .frosz__brand{ font-family:"Anton",sans-serif; font-size:clamp(1.8rem,7vw,2.6rem); letter-spacing:.04em; color:#fff; margin-top:16%; }
.gz-page .frosz__kind{ font-family:"Sora",sans-serif; font-weight:700; font-size:.64rem; letter-spacing:.2em; text-transform:uppercase; color:var(--green-bright); }
.gz-page .frosz__scoop{ position:absolute; bottom:-16%; width:72%; aspect-ratio:1/1; border-radius:50%; background:radial-gradient(circle at 40% 35%,var(--lime),var(--green) 70%); box-shadow:0 -6px 22px rgba(245,130,10,.4); }
@keyframes gz-froszfloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }/* ---- LIBRO (teaser) ---- */



.gz-page .libro{ max-width:var(--maxw); margin:0 auto; padding:clamp(2rem,5vw,3.5rem) clamp(1.1rem,5vw,2.5rem) clamp(3rem,7vw,5rem); }
.gz-page .libro__inner{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.gz-page .libro__text h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(2rem,1.4rem + 3.4vw,3.2rem); line-height:.98; margin:0 0 1rem; color:#fff; }
.gz-page .libro__text p{ color:var(--muted); max-width:46ch; margin:0 0 1.4rem; }
.gz-page .libro__viz{ display:flex; justify-content:center; perspective:900px; }
.gz-page .libro__book{ position:relative; width:min(210px,52vw); aspect-ratio:3/4; transform-style:preserve-3d; animation:gz-booksway 7s ease-in-out infinite; }
.gz-page .libro__cover{ position:absolute; inset:0; border-radius:4px 8px 8px 4px;
  background:linear-gradient(135deg,#1c232a,#0d1013); border:1px solid var(--line); border-left:6px solid var(--green);
  box-shadow:0 30px 60px rgba(0,0,0,.55), inset -10px 0 20px rgba(0,0,0,.4);
  display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:.4rem; padding:1.4rem; }
.gz-page .libro__cover i{ font-family:"Sora",sans-serif; font-weight:800; font-style:normal; font-size:.7rem; letter-spacing:.24em; text-transform:uppercase; color:var(--green-bright); }
.gz-page .libro__cover b{ font-family:"Anton",sans-serif; font-weight:400; font-size:clamp(1.4rem,5vw,2rem); line-height:.9; color:#fff; }
@keyframes gz-booksway{ 0%,100%{transform:rotateY(-18deg) rotateX(4deg) translateY(0)} 50%{transform:rotateY(-9deg) rotateX(2deg) translateY(-8px)} }

@media (max-width:760px){
  .gz-page .frosz__inner,
.gz-page .libro__inner{ grid-template-columns:1fr; text-align:center; }
  .gz-page .frosz__text{ order:2; } .gz-page .frosz__viz{ order:1; }
  .gz-page .frosz__text p,
.gz-page .libro__text p{ margin-left:auto; margin-right:auto; }
}/* ---- SUB-NAV scrollspy ---- */



.gz-page .gz-subnav{ position:sticky; top:52px; z-index:38; display:flex; justify-content:center; padding:.5rem 1rem; opacity:0; transform:translateY(-10px); pointer-events:none; transition:opacity .3s ease, transform .3s ease; }
.gz-page .gz-subnav.show{ opacity:1; transform:none; pointer-events:auto; }
.gz-page .gz-subnav__inner{ position:relative; display:inline-flex; gap:.1rem; padding:.3rem; background:rgba(21,25,30,.85); backdrop-filter:blur(14px); border:1px solid var(--line); border-radius:999px; box-shadow:0 8px 24px rgba(0,0,0,.4); }
.gz-page .gz-subnav a{ position:relative; z-index:1; font-family:"Sora",sans-serif; font-weight:600; font-size:.8rem; padding:.5rem 1rem; border-radius:999px; color:var(--muted); text-decoration:none; transition:color .25s; white-space:nowrap; }
.gz-page .gz-subnav a.active{ color:#2a1400; }
.gz-page .gz-subnav__pill{ position:absolute; z-index:0; top:.3rem; bottom:.3rem; left:0; width:0; border-radius:999px; background:var(--green-bright); box-shadow:0 0 16px rgba(255,158,44,.5); transition:transform .38s cubic-bezier(.4,.9,.3,1), width .38s cubic-bezier(.4,.9,.3,1); }
@media (max-width:520px){ .gz-page .gz-subnav a{ padding:.45rem .68rem; font-size:.72rem; } }/* ---- FILTROS de producto (chips) ---- */



.gz-page .gz-filters{ display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; margin:1.4rem 0 0; }
.gz-page .gz-chip{ font-family:"Sora",sans-serif; font-weight:600; font-size:.8rem; padding:.5rem 1.05rem; border-radius:999px; border:1px solid var(--line); background:transparent; color:var(--muted); cursor:pointer; transition:all .18s ease; }
.gz-page .gz-chip:hover{ border-color:rgba(255,158,44,.5); color:#fff; }
.gz-page .gz-chip.is-active{ background:var(--green); border-color:var(--green); color:#2a1400; box-shadow:0 6px 18px rgba(245,130,10,.3); }
.gz-page .store__grid .card.is-hidden{ display:none; }
.gz-page #quien,
.gz-page #linea,
.gz-page #helados,
.gz-page #libro,
.gz-page #asesoria{ scroll-margin-top:108px; }
.gz-page .card__media[role="button"]{ cursor:pointer; }/* ---- QUICK-VIEW ---- */



.gz-page .gz-qv{ position:fixed; inset:0; z-index:90; display:flex; align-items:center; justify-content:center; padding:1.2rem; background:rgba(6,8,10,.72); backdrop-filter:blur(6px); opacity:0; transition:opacity .3s ease; }
.gz-page .gz-qv.is-open{ opacity:1; }
.gz-page .gz-qv__panel{ position:relative; width:min(720px,100%); max-height:88vh; overflow:auto; display:grid; grid-template-columns:1fr 1fr; background:#fff; color:#10151b; border-radius:18px; box-shadow:0 40px 100px rgba(0,0,0,.6); transform:translateY(16px) scale(.97); transition:transform .3s cubic-bezier(.2,.8,.2,1); }
.gz-page .gz-qv.is-open .gz-qv__panel{ transform:none; }
.gz-page .gz-qv__media{ position:relative; background:var(--gray); display:flex; align-items:center; justify-content:center; padding:1.5rem; }
.gz-page .gz-qv__media img{ width:100%; height:100%; object-fit:contain; max-height:340px; }
.gz-page .gz-qv__info{ padding:1.6rem 1.6rem 1.8rem; display:flex; flex-direction:column; gap:.4rem; }
.gz-page .gz-qv__pick{ font-family:"Sora",sans-serif; font-weight:700; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color:var(--green-deep); margin:0; }
.gz-page .gz-qv__name{ font-family:"Inter",sans-serif; font-weight:700; font-size:1.25rem; line-height:1.2; margin:.1rem 0 .3rem; }
.gz-page .gz-qv__was{ color:#8b9096; text-decoration:line-through; font-size:.9rem; margin:0; }
.gz-page .gz-qv__price{ font-family:"Sora",sans-serif; font-weight:800; font-size:1.7rem; margin:0; }
.gz-page .gz-qv__price em{ display:block; font-family:"Inter",sans-serif; font-weight:600; font-size:.74rem; color:#5f6b74; font-style:normal; }
.gz-page .gz-qv__x{ position:absolute; top:.6rem; right:.6rem; z-index:2; width:34px; height:34px; border-radius:50%; border:0; background:rgba(0,0,0,.5); color:#fff; font-size:1.3rem; line-height:1; cursor:pointer; }
.gz-page .gz-qv__btn{ margin-top:.7rem; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:var(--green); color:#2a1400; font-family:"Sora",sans-serif; font-weight:700; padding:.85rem; border-radius:12px; text-decoration:none; }
.gz-page .gz-qv__btn:hover{ background:var(--green-bright); }
.gz-page .gz-qv__btn svg{ width:18px; height:18px; }
@media (max-width:560px){ .gz-page .gz-qv__panel{ grid-template-columns:1fr; } .gz-page .gz-qv__media{ max-height:38vh; } }/* ============================================================
   MARCA GROSZ NUTRITION — lockup con pesa (O = disco que gira) + barra que se carga
   ============================================================ */



.gz-page .gz-brand{ position:relative; overflow:hidden; text-align:center;
  padding:clamp(3.5rem,8vw,6rem) clamp(1.1rem,5vw,2.5rem);
  background:linear-gradient(180deg,var(--ink),var(--carbon)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.gz-page .gz-brand__glow{ position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(60% 72% at 50% 40%, rgba(245,130,10,.16), transparent 68%); }
.gz-page .gz-brand__lockup{ position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:.04em;
  color:#fff; font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; line-height:.86;
  font-size:clamp(3.4rem,2rem + 10vw,8rem); letter-spacing:.005em; }
.gz-page .gz-brand__o{ display:inline-flex; width:.9em; height:.9em; margin:0 .01em; color:var(--blue-bright);
  filter:drop-shadow(0 0 18px rgba(61,107,240,.6)); }
.gz-page .gz-brand__o svg{ width:100%; height:100%; transform-origin:50% 50%; animation:gz-spin 9s linear infinite; }
@keyframes gz-spin{ to{ transform:rotate(360deg); } }
.gz-page .gz-brand__sub{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:.9em; margin-top:.35rem;
  font-family:"Sora",sans-serif; font-weight:800; letter-spacing:.42em; text-transform:uppercase;
  font-size:clamp(.85rem,.7rem + 1.2vw,1.4rem); color:#fff; padding-left:.42em; }
.gz-page .gz-brand__sub::before,
.gz-page .gz-brand__sub::after{ content:""; width:clamp(24px,6vw,64px); height:2px; background:var(--green-bright); box-shadow:0 0 10px rgba(255,158,44,.5); }
.gz-page .gz-brand__tag{ position:relative; z-index:1; margin:2.2rem 0 0; color:var(--muted);
  font-family:"Sora",sans-serif; font-weight:600; font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; }/* ============================================================
   LA LÍNEA · VISOR 3D EN VIVO (Three.js) — es la tienda
   ============================================================ */



.gz-page .gz3d{ position:relative; height:200vh; background:var(--carbon); }
/* PIN MANUAL: JS agrega .gz-fixed (pineado) / .gz-end (al fondo). Default =
   arriba de la sección. No usamos position:sticky (el theme lo rompe con
   html,body{overflow-x:hidden}); position:fixed no lo afecta. */
.gz-page .gz3d__sticky{ position:absolute; top:0; left:0; width:100%; height:100vh; height:100dvh; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:.5rem; overflow:hidden; padding:clamp(78px,11vh,120px) 1rem 2.5vh; isolation:isolate; }
.gz-page .gz3d__sticky.gz-fixed{ position:fixed; top:0; bottom:auto; }
.gz-page .gz3d__sticky.gz-end{ position:absolute; top:auto; bottom:0; }
/* fondo de color POR PRODUCTO (glow que cambia) */



.gz-page .gz3d__bg{ --gc:#2b4fd6; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(46% 42% at 50% 48%, color-mix(in srgb, var(--gc) 62%, transparent), transparent 70%);
  transition:background .7s ease; }
.gz-page .gz3d__bg::after{ content:""; position:absolute; inset:0; background:radial-gradient(64% 60% at 50% 50%, transparent 40%, rgba(11,17,32,.66) 100%); }
.gz-page .gz3d__brand{ position:absolute; z-index:0; top:50%; left:50%; transform:translate(-50%,-48%);
  font-family:"Anton",sans-serif; font-size:min(44vw,42vh); line-height:.8; color:rgba(255,255,255,.045);
  pointer-events:none; user-select:none; white-space:nowrap; }

.gz-page .gz3d__head{ position:relative; z-index:3; text-align:center; flex:0 0 auto; }
.gz-page .gz3d__title{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; line-height:.9;
  font-size:clamp(1.8rem,1.1rem + 4.4vw,3.8rem); margin:.1rem 0 0; text-shadow:0 2px 30px rgba(11,17,32,.75); }/* viewer: [ ‹ ]  [ stage ]  [ › ] */



.gz-page .gz3d__viewer{ position:relative; z-index:2; flex:1 1 auto; min-height:0; width:100%; max-width:760px;
  display:flex; align-items:center; justify-content:center; gap:clamp(.2rem,2vw,1rem); }
.gz-page .gz3d__stage{ position:relative; flex:1 1 auto; height:100%; min-height:0; max-width:min(560px,74vw);
  opacity:0; transition:opacity .55s ease; }
.gz-page .gz3d__stage.is-ready{ opacity:1; }
.gz-page .gz3d__stage canvas{ width:100%; height:100%; display:block; cursor:grab; touch-action:pan-y; }
.gz-page .gz3d__stage canvas:active{ cursor:grabbing; }
.gz-page .gz3d__off{ position:absolute; z-index:4; top:4%; left:2%; background:var(--green); color:#2a1400;
  font-family:"Sora",sans-serif; font-weight:800; font-size:.72rem; padding:.28rem .6rem; border-radius:9px; box-shadow:0 6px 18px rgba(245,130,10,.35); }
.gz-page .gz3d__hint{ position:absolute; z-index:3; left:50%; bottom:1%; transform:translateX(-50%);
  font-family:"Sora",sans-serif; font-weight:700; letter-spacing:.1em; text-transform:uppercase; font-size:.6rem; white-space:nowrap;
  color:rgba(255,255,255,.72); background:rgba(11,17,32,.4); backdrop-filter:blur(4px); padding:.42em .85em; border-radius:999px;
  animation:gz-bob 1.9s ease-in-out infinite; transition:opacity .4s; }
.gz-page .gz3d__hint.gone{ opacity:0; pointer-events:none; }
@keyframes gz-bob{ 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(5px)} }/* flechas (flex items que flanquean el stage) */



.gz-page .gz3d__arrow{ flex:0 0 auto; z-index:4; width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:1.5rem; line-height:1; color:#fff; cursor:pointer;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(6px);
  transition:background .2s, transform .2s, border-color .2s; }
.gz-page .gz3d__arrow:hover{ background:var(--green); color:#2a1400; border-color:var(--green); transform:scale(1.1); }/* panel de compra (glass) */



.gz-page .gz3d__panel{ position:relative; z-index:3; flex:0 0 auto; text-align:center; width:min(430px,94vw);
  background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); border-radius:20px;
  backdrop-filter:blur(10px); padding:.85rem 1.3rem 1.05rem; }
.gz-page .gz3d__tag{ color:var(--green-bright); font-family:"Sora",sans-serif; font-weight:800; font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; margin:0; }
.gz-page .gz3d__name{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(1.25rem,1rem + 1.6vw,1.75rem); line-height:1.02; margin:.14rem 0; }
.gz-page .gz3d__benefit{ color:var(--muted); font-family:"Sora",sans-serif; font-weight:600; font-size:.76rem; margin:0 0 .2rem; }
.gz-page .gz3d__pricerow{ display:flex; gap:.5rem; align-items:baseline; justify-content:center; margin-top:.35rem; }
.gz-page .gz3d__was{ color:var(--muted); font-family:"Sora",sans-serif; font-weight:600; font-size:.88rem; text-decoration:line-through; }
.gz-page .gz3d__now{ font-family:"Anton",sans-serif; font-size:1.75rem; line-height:1; color:#fff; }
.gz-page .gz3d__cuotas{ color:var(--muted); font-size:.7rem; margin:.05rem 0 0; }
.gz-page .gz3d__cta{ display:inline-flex; align-items:center; gap:.5rem; margin-top:.7rem; text-decoration:none;
  font-family:"Sora",sans-serif; font-weight:800; font-size:.92rem; color:#2a1400; background:var(--green);
  padding:.72rem 1.6rem; border-radius:999px; box-shadow:0 10px 26px rgba(245,130,10,.32); transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.gz-page .gz3d__cta:hover{ transform:translateY(-2px); background:var(--green-bright); box-shadow:0 14px 34px rgba(245,130,10,.45); }
.gz-page .gz3d__cta span{ transition:transform .18s ease; }
.gz-page .gz3d__cta:hover span{ transform:translateX(3px); }/* puntitos clickeables */



.gz-page .gz3d__dots{ position:relative; z-index:3; flex:0 0 auto; display:flex; gap:.42rem; justify-content:center; margin-top:.5rem; flex-wrap:wrap; max-width:92vw; }
.gz-page .gz3d__dots span{ width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.24); transition:background .25s, transform .25s; }
.gz-page .gz3d__dots span.on{ background:var(--green); transform:scale(1.45); box-shadow:0 0 8px var(--green); }/* trust bar */



.gz-page .gz3d__trust{ position:relative; z-index:3; flex:0 0 auto; display:flex; gap:1.1rem; list-style:none; margin:.4rem 0 0; padding:0; flex-wrap:wrap; justify-content:center; }
.gz-page .gz3d__trust li{ color:var(--muted); font-family:"Sora",sans-serif; font-weight:700; font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; }
.gz-page .gz3d__trust li::before{ content:"\2713"; color:var(--green); margin-right:.35em; font-weight:800; }

@media (max-width:640px){
  .gz-page .gz3d{ height:200vh; }
  .gz-page .gz3d__sticky{ gap:.35rem; padding-top:clamp(66px,10vh,96px); height:100svh; }
  .gz-page .gz3d__viewer{ gap:.1rem; }
  .gz-page .gz3d__arrow{ width:36px; height:36px; font-size:1.2rem; }
  .gz-page .gz3d__stage{ max-width:94vw; min-height:46vh; }
  .gz-page .gz3d__brand{ font-size:70vw; }
  .gz-page .gz3d__panel{ padding:.7rem 1rem .9rem; border-radius:16px; }
  .gz-page .gz3d__benefit{ display:none; }
  .gz-page .gz3d__now{ font-size:1.55rem; }
  .gz-page .gz3d__cta{ width:100%; justify-content:center; }
  .gz-page .gz3d__trust{ gap:.7rem; }
  .gz-page .gz3d__trust li{ font-size:.56rem; }
}/* ============================================================
   MURO DE FAMOSOS (proof) + FROSZ (helado proteico)
   ============================================================ */



.gz-page .proof__names{ display:flex; flex-wrap:wrap; gap:.5rem 1.3rem; justify-content:center; list-style:none; padding:0; margin:1.6rem auto .4rem; max-width:66ch; }
.gz-page .proof__names li{ font-family:"Anton",sans-serif; text-transform:uppercase; line-height:1; color:#fff;
  font-size:clamp(1.05rem,.85rem + 1.5vw,1.9rem); display:inline-flex; align-items:center; }
.gz-page .proof__names li:not(:last-child)::after{ content:"·"; color:var(--green); margin-left:1.3rem; opacity:.7; }/* grid de famosos entrenando (fotos reales) */



.gz-page .proof__celebs{ display:grid; grid-template-columns:repeat(3,1fr); gap:.85rem; max-width:980px; margin:0 auto clamp(1.5rem,4vw,2.4rem); }
.gz-page .proof__celeb{ position:relative; margin:0; border-radius:16px; overflow:hidden; aspect-ratio:3/4; box-shadow:0 10px 30px rgba(0,0,0,.4); }
.gz-page .proof__celeb img{ width:100%; height:100%; object-fit:cover; object-position:center 28%; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.gz-page .proof__celeb:hover img{ transform:scale(1.05); }
.gz-page .proof__celeb::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(11,17,32,.85)); }
.gz-page .proof__celeb figcaption{ position:absolute; z-index:1; left:0; right:0; bottom:.8rem; text-align:center;
  font-family:"Anton",sans-serif; text-transform:uppercase; font-size:clamp(.88rem,.72rem + .7vw,1.2rem); letter-spacing:.02em;
  color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.65); }
@media (max-width:640px){ .gz-page .proof__celebs{ grid-template-columns:repeat(2,1fr); gap:.5rem; } }


.gz-page .frosz2{ padding:clamp(3rem,7vw,5.5rem) clamp(1.1rem,5vw,3rem) clamp(.6rem,1.5vw,1rem); }
.gz-page .frosz2__head{ text-align:center; max-width:60ch; margin:0 auto clamp(1.5rem,4vw,2.5rem); }
.gz-page .frosz2__head h2{ font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; font-size:clamp(1.9rem,1.3rem + 4vw,3.4rem); line-height:.95; }
.gz-page .frosz2__lede{ color:var(--muted); margin:.7rem auto 0; max-width:54ch; }
.gz-page .frosz2__grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:.8rem; max-width:var(--maxw); margin:0 auto; }
.gz-page .frosz2__flavor{ position:relative; border-radius:16px; overflow:hidden; aspect-ratio:3/4; box-shadow:0 10px 30px rgba(0,0,0,.35); }
.gz-page .frosz2__flavor img{ width:100%; height:100%; object-fit:cover; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.gz-page .frosz2__flavor:hover img{ transform:scale(1.06); }
.gz-page .frosz2__flavor::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(11,17,32,.78)); }
.gz-page .frosz2__flavor span{ position:absolute; z-index:1; left:0; right:0; bottom:.7rem; text-align:center;
  font-family:"Anton",sans-serif; text-transform:uppercase; font-size:clamp(.85rem,.7rem + .6vw,1.15rem); letter-spacing:.02em;
  color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.55); }
.gz-page .frosz2__soon{ text-align:center; margin-top:1rem; }
@media (max-width:900px){ .gz-page .frosz2__grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:560px){ .gz-page .frosz2__grid{ grid-template-columns:repeat(2,1fr); gap:.55rem; } .gz-page .proof__names li{ font-size:1.15rem; } }