/* =========================================================
   VUELVE A TI — landing de venta
   Los tokens, el boton y el lightbox viven en style.css
   ========================================================= */
:root{
  --fs-body:clamp(1.125rem,1.05rem + .4vw,1.25rem);
  --fs-lead:clamp(1.22rem,1.1rem + .62vw,1.55rem);
  --fs-eyebrow:clamp(.875rem,.84rem + .2vw,.95rem);
  --fs-h2:clamp(2.15rem,1.5rem + 3vw,3.5rem);
  --fs-h1:clamp(2.35rem,1.45rem + 4.9vw,4.9rem);
}
html{background:var(--profundo-deep);scroll-behavior:smooth}
body{background:var(--crema);color:var(--texto);font-family:var(--sans);font-size:var(--fs-body);
  font-weight:400;line-height:1.68;-webkit-font-smoothing:antialiased}

.container{max-width:1150px;margin:0 auto;padding:0 clamp(22px,5vw,56px)}
.measure{max-width:672px;margin-left:auto;margin-right:auto}
.measure-wide{max-width:840px;margin-left:auto;margin-right:auto}
.center{text-align:center;margin-left:auto;margin-right:auto}
section{padding:clamp(3.6rem,8vw,6.6rem) 0;position:relative}

/* superficies */
.sec-crema{background:var(--crema)}
.sec-warm{background:var(--crema-warm)}
.sec-rosa{background:linear-gradient(168deg,var(--rosa-a) 0%,var(--rosa-b) 100%)}
.sec-turq{background:linear-gradient(168deg,var(--turq-a) 0%,var(--turq-b) 100%)}
.sec-dark{background:radial-gradient(128% 122% at 50% -14%,var(--morado) 0%,var(--profundo) 44%,var(--profundo-deep) 100%);color:var(--sobre-oscuro)}
.sec-dark::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.sec-dark>.container{position:relative;z-index:1}

/* tipografia */
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.06;letter-spacing:-.01em}
h1{font-size:var(--fs-h1);overflow-wrap:break-word}
h2{font-size:var(--fs-h2);margin-bottom:1.05rem}
h1 em,h2 em,.acc{font-style:italic;color:var(--profundo);font-weight:600}
.sec-dark h1 em,.sec-dark h2 em,.sec-dark .acc{color:var(--luz)}
.sec-rosa h2 em,.sec-turq h2 em{color:var(--malva-deep)}
.eyebrow{font-family:var(--ui);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.19em;
  text-transform:uppercase;color:var(--profundo);display:block;margin-bottom:1.25rem}
.sec-dark .eyebrow{color:var(--malva-light)}
.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--texto);font-weight:400}
.sec-dark .lead{color:var(--sobre-oscuro)}
p{margin-bottom:1.1rem}
p:last-child{margin-bottom:0}
.soft{color:var(--texto-soft)}
.sec-dark .soft{color:var(--sobre-oscuro-soft)}
strong{font-weight:600;color:var(--profundo)}
.sec-dark strong{color:var(--crema-warm);font-weight:600}
p em,li em{font-style:italic;color:var(--malva-deep)}
.sec-dark p em,.sec-dark li em{color:var(--luz)}

.big-quote{font-family:var(--display);font-style:italic;font-size:clamp(1.65rem,1.1rem + 2.5vw,2.7rem);
  line-height:1.22;font-weight:500;letter-spacing:-.008em}
.hand{font-family:var(--display);font-style:italic;font-weight:500;color:var(--malva-deep);
  font-size:clamp(1.4rem,1rem + 1.5vw,2.05rem);line-height:1.32}
.sec-dark .hand{color:var(--luz)}
.dialogo{font-family:var(--display);font-style:italic;font-size:clamp(1.32rem,1rem + 1.3vw,1.8rem);
  line-height:1.4;color:var(--malva-deep);margin:1.6rem 0;padding-left:1.4rem;
  border-left:2px solid rgba(var(--malva-rgb),.5)}
.dialogo span{display:block;margin-bottom:.6rem}
.dialogo span:last-child{margin-bottom:0}
.acto1{text-align:center}
.acto1 .dialogo{border-left:0;padding-left:0;text-align:center;max-width:620px;margin-left:auto;margin-right:auto}

.wa-link{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ui);font-weight:600;
  font-size:var(--fs-eyebrow);letter-spacing:.02em;color:var(--profundo);text-decoration:none;
  border-bottom:1px solid rgba(var(--profundo-rgb),.35);padding-bottom:1px;transition:border-color .3s,color .3s}
.wa-link:hover{color:var(--tierra-deep);border-color:var(--tierra-deep)}
.sec-dark .wa-link{color:var(--malva-light);border-color:rgba(216,184,198,.5)}
.sec-dark .wa-link:hover{color:var(--luz);border-color:var(--luz)}

/* figuras */
.figura{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}
.figura img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.figura.tall img{aspect-ratio:3/4}
.figura.wide img{aspect-ratio:16/11}
.fig-cap{font-family:var(--ui);font-size:var(--fs-eyebrow);color:var(--texto-mut);letter-spacing:.02em;margin-top:.85rem;text-align:center}
.sec-dark .fig-cap{color:var(--sobre-oscuro-soft)}
.hero-figura{position:relative}
.hero-figura::before{content:"";position:absolute;inset:-7% -5% -3% -5%;z-index:0;border-radius:52% 52% 46% 46%/56% 56% 44% 44%;
  background:radial-gradient(66% 66% at 50% 40%,rgba(235,190,147,.4) 0%,rgba(179,141,159,.24) 55%,transparent 100%);filter:blur(6px)}
.hero-figura .figura{position:relative;z-index:1}

/* hero */
.hero{background:radial-gradient(130% 118% at 50% -10%,var(--morado) 0%,var(--profundo) 46%,var(--profundo-deep) 100%);
  color:var(--sobre-oscuro);padding-top:clamp(2.4rem,5vw,3.6rem);position:relative}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(96% 62% at 50% -16%,rgba(235,190,147,.16),transparent 72%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.hero>.container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(2.2rem,4vw,3.6rem);align-items:center}
@media(min-width:920px){.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.hero .eyebrow{color:var(--malva-light)}
.hero h1{margin:.4rem 0 1.35rem}
.hero h1 em{color:var(--luz)}
.hero .lead{max-width:44ch;color:var(--sobre-oscuro)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:2rem}
.price-note{font-family:var(--ui);font-size:var(--fs-eyebrow);letter-spacing:.02em;color:var(--sobre-oscuro-soft);max-width:30ch}
.price-note b{color:var(--luz);font-weight:600}
.hero-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.8rem;list-style:none}
.hero-badges li{font-family:var(--ui);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:.02em;color:var(--sobre-oscuro);
  background:rgba(216,184,198,.14);border:1px solid rgba(216,184,198,.28);border-radius:999px;padding:.42rem 1rem}

/* marquee */
.marquee-wrap{overflow:hidden;background:var(--profundo-deep);padding:1.15rem 0;border-block:1px solid rgba(216,184,198,.12)}
.marquee{display:inline-flex;white-space:nowrap;font-family:var(--display);font-style:italic;font-weight:500;
  font-size:clamp(1.5rem,3.4vw,2.35rem);color:var(--luz);animation:mq 38s linear infinite;will-change:transform}
.marquee span{padding:0 1.5rem}
.marquee span::after{content:"·";margin-left:3rem;color:var(--malva-light);opacity:.7}
.marquee:hover{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

.kicker-note{font-family:var(--display);font-style:italic;font-size:clamp(1.4rem,1rem + 1.5vw,2rem);
  color:var(--malva-deep);line-height:1.3}
.sec-dark .kicker-note{color:var(--luz)}

/* confesion */
.confesion{position:relative;z-index:2}
.confesion-grid{display:grid;grid-template-columns:1fr;gap:clamp(1.8rem,4vw,3rem);align-items:center;
  background:linear-gradient(162deg,var(--crema-warm) 0%,var(--crema) 100%);
  border:1px solid rgba(var(--sombra-rgb),.10);border-radius:var(--radius-lg);
  padding:clamp(1.9rem,4vw,3rem);box-shadow:var(--shadow-lift)}
@media(min-width:860px){.confesion-grid{grid-template-columns:.82fr 1.18fr}}
.confesion-grid,.confesion-grid p{color:var(--texto)}
.confesion-grid .eyebrow{color:var(--profundo)}
.confesion-grid strong{color:var(--profundo)}
.confesion-grid em{color:var(--malva-deep)}

/* espejo */
.espejo-list{list-style:none;display:grid;gap:1.05rem;margin-top:2.3rem}
.espejo-list li{font-family:var(--display);font-style:italic;font-size:clamp(1.32rem,1rem + 1.3vw,1.78rem);
  line-height:1.34;color:var(--profundo);padding-left:1.6rem;position:relative}
.espejo-list li::before{content:"";position:absolute;left:0;top:.64em;width:9px;height:9px;border-radius:50%;
  background:var(--turquesa);opacity:.8}

/* giro */
.giro-card{background:linear-gradient(158deg,var(--profundo) 0%,var(--profundo-deep) 100%);color:var(--sobre-oscuro);
  border-radius:var(--radius-lg);padding:clamp(2.1rem,5vw,3.6rem);box-shadow:var(--shadow-soft);text-align:center;position:relative;overflow:hidden}
.giro-card::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(92% 70% at 50% -12%,rgba(235,190,147,.16),transparent 72%)}
.giro-card>*{position:relative}
.giro-card .eyebrow{color:var(--malva-light)}
.giro-card .big-quote{color:var(--sobre-oscuro)}
.giro-card .big-quote em,.giro-card .acc{color:var(--luz)}
.giro-card .soft{color:var(--sobre-oscuro-soft);margin-top:1.4rem;font-size:var(--fs-lead)}
.giro-card .hand{color:var(--luz);margin-top:1.4rem}

/* dos columnas */
.split{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.4rem);align-items:center}
@media(min-width:900px){.split{grid-template-columns:1.05fr .95fr}.split.rev .split-media{order:2}}

/* metodo VERA */
.etapas{display:grid;gap:0;margin:2.8rem auto 0;max-width:820px}
.etapa{position:relative;display:grid;grid-template-columns:1fr;gap:.3rem;padding:0 0 2.7rem 4.4rem}
.etapa:last-child{padding-bottom:0}
.etapa .num{position:absolute;left:0;top:0;width:3rem;height:3rem;border-radius:50%;
  background:linear-gradient(150deg,var(--tierra) 0%,var(--tierra-deep) 100%);color:var(--sobre-cta);
  font-family:var(--display);font-style:italic;font-weight:600;font-size:1.28rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 22px -8px rgba(var(--tierra-rgb),.62);z-index:2}
.etapa::before{content:"";position:absolute;left:1.47rem;top:3rem;bottom:-.4rem;width:2px;
  background:linear-gradient(var(--tierra),rgba(var(--tierra-rgb),.12));z-index:1}
.etapa:last-child::before{display:none}
.etapa .fase-label{font-family:var(--ui);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tierra-deep);font-size:var(--fs-eyebrow);display:block;margin-bottom:.25rem}
.etapa h3{font-size:clamp(1.45rem,1.1rem + 1.2vw,1.95rem);margin-bottom:.5rem;color:var(--profundo)}
.etapa .feel{font-family:var(--display);font-style:italic;color:var(--malva-deep);
  font-size:clamp(1.12rem,1rem + .5vw,1.3rem);margin-top:.8rem;display:block;line-height:1.42}

/* incluye */
.incluye{list-style:none;display:grid;gap:0;margin:2.2rem auto 0;max-width:800px}
.incluye li{padding:1.2rem 0;border-bottom:1px solid rgba(216,184,198,.2);line-height:1.62}
.incluye li:first-child{border-top:1px solid rgba(216,184,198,.2)}
.incluye b{font-weight:600;color:var(--luz)}

/* soltar peso */
.nono{display:grid;grid-template-columns:1fr;gap:1.15rem;margin-top:2.4rem}
@media(min-width:820px){.nono{grid-template-columns:repeat(2,1fr)}}
.nono-card{position:relative;overflow:hidden;background:linear-gradient(162deg,var(--crema-warm),var(--crema));
  border:1px solid rgba(var(--sombra-rgb),.10);border-radius:var(--radius);
  padding:clamp(1.6rem,2.8vw,2rem) clamp(1.5rem,2.6vw,1.95rem) clamp(1.9rem,3vw,2.3rem);
  box-shadow:0 4px 16px rgba(var(--sombra-rgb),.06),0 18px 40px -20px rgba(var(--sombra-rgb),.34);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}
.nono-card:hover{transform:translateY(-6px);border-color:rgba(var(--tierra-rgb),.42);box-shadow:var(--shadow-tierra)}
.nono-card .no{font-family:var(--display);font-style:italic;font-size:1.55rem;color:var(--tierra-deep);
  display:block;margin-bottom:.5rem;line-height:1}
.nono-card p{font-size:var(--fs-body);margin:0}

/* faq */
.faq{border-bottom:1px solid rgba(var(--profundo-rgb),.18);border-radius:var(--radius-sm);
  padding:0 clamp(.4rem,2vw,1.2rem);transition:background .35s ease,box-shadow .35s ease}
.faq:first-of-type{border-top:1px solid rgba(var(--profundo-rgb),.18)}
.faq[open]{background:var(--crema-warm);box-shadow:var(--shadow-soft);border-color:transparent;margin:.5rem 0}
.faq summary{cursor:pointer;list-style:none;padding:1.3rem 0;font-family:var(--display);font-weight:500;
  font-size:clamp(1.3rem,1rem + 1vw,1.62rem);display:flex;justify-content:space-between;align-items:center;
  gap:1.2rem;color:var(--profundo);transition:font-weight .2s ease;text-align:left}
.faq[open] summary{font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--ui);font-weight:400;color:var(--tierra-deep);
  font-size:1.65rem;transition:transform .3s ease;flex:none;line-height:1}
.faq[open] summary::after{transform:rotate(45deg)}
.faq-body{padding:0 0 1.4rem;color:var(--texto-soft);font-size:var(--fs-body);line-height:1.72;max-width:72ch;text-align:left}
.faq-body .wa-link{margin-top:.3rem}

/* testimonios */
.testi-grid{display:grid;grid-template-columns:1fr;gap:1.3rem;margin-top:2.5rem}
@media(min-width:720px){.testi-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.testi-grid{grid-template-columns:repeat(3,1fr)}}
.testi{background:var(--crema-warm);border:1px solid rgba(var(--sombra-rgb),.09);border-radius:var(--radius);
  padding:clamp(1.7rem,3vw,2.2rem);box-shadow:var(--shadow-soft);
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}
.testi:hover{transform:translateY(-5px);box-shadow:var(--shadow-malva);border-color:rgba(var(--malva-rgb),.34)}
.testi p{font-family:var(--display);font-style:italic;font-size:clamp(1.18rem,1rem + .6vw,1.38rem);
  line-height:1.44;color:var(--texto);margin-bottom:1rem}
.testi .who{font-family:var(--ui);font-style:normal;font-size:var(--fs-eyebrow);font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--malva-deep)}
.testi .who::before{content:"— "}
.testi-visual{margin-top:2.6rem}
.testi-visual .figura img{aspect-ratio:16/10}

/* dia ideal */
.sensorial-grid{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.4rem);align-items:center}
@media(min-width:920px){.sensorial-grid{grid-template-columns:1.08fr .92fr}.sensorial-grid .sensorial-media{order:2}}

/* oferta */
.pago{max-width:560px;margin:2.6rem auto 0;background:linear-gradient(160deg,var(--crema-warm) 0%,var(--crema) 100%);
  border:2px solid var(--tierra);border-radius:var(--radius-lg);
  padding:clamp(2rem,4vw,2.9rem);box-shadow:var(--shadow-tierra);text-align:center;
  transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}
.pago:hover{transform:translateY(-4px)}
.pago .plan-emblem{height:48px;width:auto;margin:0 auto .9rem;display:block;opacity:.95}
.pago .plan-label{font-family:var(--ui);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--tierra-deep)}
.pago .precio{font-family:var(--display);font-weight:600;font-size:clamp(2.7rem,7vw,3.9rem);line-height:1;
  color:var(--profundo);margin:.5rem 0 .1rem;white-space:nowrap}
.pago .plan-sub{font-family:var(--ui);font-size:var(--fs-eyebrow);color:var(--texto-soft);letter-spacing:.01em;line-height:1.5}
.pago .incluye-mini{list-style:none;display:grid;gap:.72rem;margin:1.7rem auto .3rem;max-width:420px;text-align:left}
.pago .incluye-mini li{position:relative;padding-left:1.75rem;font-size:var(--fs-body);line-height:1.42;color:var(--texto)}
.pago .incluye-mini li::before{content:"";position:absolute;left:0;top:.5em;width:11px;height:11px;border-radius:50%;
  background:var(--malva-deep);opacity:.9}
.pago .cta{width:100%;justify-content:center;margin-top:1.6rem}
.pago .fine{font-family:var(--ui);font-size:var(--fs-eyebrow);color:var(--texto-soft);line-height:1.6;margin-top:1.3rem}
.oferta-wa{margin-top:1.6rem;text-align:center}

/* cierre */
.anafora{font-family:var(--display);font-size:clamp(1.22rem,1rem + 1.1vw,1.85rem);line-height:1.3;font-weight:500}
.anafora span{display:block;color:var(--sobre-oscuro-soft)}
.anafora span:last-child{color:var(--sobre-oscuro);margin-top:.55rem}
.cierre-final{margin:2.4rem auto 0;max-width:24ch}

/* pie */
.pie-venta{background:var(--profundo-deep);color:var(--sobre-oscuro);padding:clamp(3rem,6vw,4.4rem) 0 2.6rem;text-align:center}
.pie-venta .foot-logo{height:96px;width:auto;margin:0 auto 1.5rem;opacity:.95;filter:brightness(0) invert(1)}
.pie-venta .tag{font-family:var(--display);font-style:italic;font-size:clamp(1.7rem,1.1rem + 2vw,2.5rem);
  color:var(--luz);line-height:1.2;margin-bottom:1.6rem}
.pie-venta .legal{font-family:var(--ui);font-size:var(--fs-eyebrow);letter-spacing:.02em;color:var(--sobre-oscuro-soft);
  margin-top:.4rem;line-height:1.7}

/* sticky */
.sticky{position:fixed;left:50%;bottom:20px;z-index:99;transform:translateX(-50%) translateY(130px);opacity:0;
  pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s;white-space:nowrap}
.sticky.vis{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.sticky .cta{box-shadow:0 16px 42px -12px rgba(var(--profundo-rgb),.6),0 4px 16px -4px rgba(var(--tierra-rgb),.55)}

/* reveal */
.reveal{opacity:1}
html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
html.js .reveal.in{opacity:1;transform:none}
html.js .reveal[data-d="1"]{transition-delay:.09s}
html.js .reveal[data-d="2"]{transition-delay:.18s}
html.js .reveal[data-d="3"]{transition-delay:.27s}
html.js .reveal[data-d="4"]{transition-delay:.36s}

@media(prefers-reduced-motion:reduce){
  html.js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .sticky{transition:opacity .2s}
}