
@import url("tokens/fonts.css?v=5");
@import url("tokens/colors.css?v=5");
@import url("tokens/ecosistemas.css?v=5");
@import url("tokens/typography.css?v=5");
@import url("tokens/spacing.css?v=5");
@import url("tokens/surfaces.css?v=5");
@import url("tokens/motion.css?v=5");
@import url("tokens/base.css?v=5");

.wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--section-pad-x)}
.wrap--narrow{max-width:var(--container-narrow)}

.wrap--grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:start}
.wrap--grid > *{grid-column:1 / -1}

.wrap--grid .prose,.wrap--grid .precio,.wrap--grid .testi--suelto,
.wrap--grid .destacado,.wrap--grid .datos,.wrap--grid .pullquote{max-width:none}

.par{display:grid;grid-template-columns:6fr 5fr;column-gap:var(--gutter);align-items:start}
@media (max-width:860px){.par{grid-template-columns:1fr;row-gap:var(--space-2xl)}}
.col-5{grid-column:1 / span 5}
.col-6{grid-column:1 / span 6}
.col-7{grid-column:1 / span 7}
.col-8{grid-column:1 / span 8}
.col-5-der{grid-column:8 / span 5}
.col-6-der{grid-column:7 / span 6}
@media (max-width:860px){
  .wrap--grid > *{grid-column:1 / -1 !important}
}
section{padding-block:var(--section-pad-y)}
@media (max-width:720px){section{padding-block:var(--section-pad-y-tight)}}

.eyebrow{font-family:var(--font-label);font-size:var(--size-label);font-weight:var(--weight-medium);
  letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-md)}
.eyebrow--invert{color:var(--rose-300)}

.lead{font-size:var(--size-lead);line-height:var(--leading-snug);max-width:var(--measure-narrow);color:var(--text-strong)}
.prose{max-width:var(--measure-prose)}
.micro{font-family:var(--font-label);font-size:var(--size-micro);color:var(--text-faint);line-height:1.5}

.ph{font:inherit;color:inherit;background:none;border:0;padding:0}
body.marcar-pendientes .ph{font-family:var(--font-label);font-size:0.86em;
  font-weight:var(--weight-medium);font-style:normal;
  color:var(--coral-700);background:var(--coral-100);border-bottom:1px dashed var(--coral-500);
  padding:1px 6px;border-radius:var(--radius-xs);box-decoration-break:clone;-webkit-box-decoration-break:clone}

.btn{display:inline-block;font-family:var(--font-ui);font-size:1rem;font-weight:var(--weight-medium);
  letter-spacing:0.01em;line-height:1.2;padding:16px 28px;border-radius:var(--radius-sm);border:1px solid transparent;
  background:var(--action-bg);color:var(--action-fg);text-decoration:none;cursor:pointer;transition:var(--transition-ui)}
.btn:hover{background:var(--action-bg-hover);color:var(--action-fg);text-decoration:none}
.btn:active{background:var(--action-bg-active);transform:translateY(1px)}
.btn--ghost{background:transparent;color:var(--action-ghost-fg);border-color:var(--action-ghost-border)}
.btn--ghost:hover{background:var(--ink-900);color:var(--paper-050)}
.btn--wide{width:100%;text-align:center}

.mask{overflow:hidden}
.mask img{width:100%;height:100%;object-fit:cover;display:block}
.mask--1{border-radius:30% 18% 26% 22% / 22% 28% 18% 30%}
.mask--2{border-radius:20% 32% 18% 28% / 30% 20% 30% 20%}
.mask--3{border-radius:34% 20% 22% 30% / 20% 32% 22% 26%}
.mask--4{border-radius:22% 28% 34% 18% / 28% 22% 30% 20%}
.mask--5{border-radius:28% 22% 20% 32% / 24% 30% 20% 28%}

.mask--marcada{border-radius:44% 34% 40% 30% / 34% 44% 30% 40%}

.org-1{border-radius:14% 9% 11% 8% / 7% 9% 6% 8%}
.org-2{border-radius:8% 13% 9% 12% / 9% 6% 9% 6%}
.org-3{border-radius:12% 8% 14% 10% / 6% 9% 7% 9%}

.mask{position:relative}
.mask::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--rose-500);opacity:0.16;mix-blend-mode:multiply}

.costura-1{border-radius:0 0 55% 45% / 0 0 72px 52px}
.costura-2{border-radius:0 0 40% 60% / 0 0 54px 78px}
.costura-4{border-radius:0 0 46% 54% / 0 0 60px 74px}
.costura-sup-1{--prof:72px;border-radius:45% 55% 0 0 / 52px 72px 0 0}
.costura-sup-2{--prof:78px;border-radius:60% 40% 0 0 / 78px 54px 0 0}
.costura-sup-3{--prof:80px;border-radius:38% 62% 0 0 / 58px 80px 0 0}

.costura-sup-1,.costura-sup-2,.costura-sup-3{position:relative;z-index:1;margin-top:calc(var(--prof) * -1)}

.antes-de-costura{padding-bottom:calc(var(--section-pad-y) + 80px)}

@media (max-width:720px){
  .costura-1,.costura-2,.costura-4{border-radius:0 0 50% 50% / 0 0 28px 24px}
  .costura-sup-1,.costura-sup-2,.costura-sup-3{--prof:28px;border-radius:50% 50% 0 0 / 28px 24px 0 0}
  .antes-de-costura{padding-bottom:calc(var(--section-pad-y-tight) + 28px)}
}

.hero{background:var(--wash-banner);padding-block:var(--space-2xl);
  min-height:100svh;display:grid;align-content:center}

.hero__grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--space-3xl);align-items:stretch}

.hero__foto{align-self:start;height:auto;aspect-ratio:3/4;min-height:0}
.hero__nombre{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:var(--tracking-label);
  text-transform:uppercase;color:var(--plum-700);margin:0 0 var(--space-md)}
.hero__frase{font-family:var(--font-display);font-size:clamp(2.25rem,1.4rem + 3vw,3.5rem);
  line-height:var(--leading-display);letter-spacing:var(--tracking-tight);font-style:italic;
  color:var(--text-strong);margin:0 0 var(--space-xl);text-wrap:balance;position:relative}

.hero__texto{position:relative;z-index:0}

.hero__frase{position:relative}
.hero__frase::before{content:"”";position:absolute;z-index:-1;
  top:0.04em;right:0;
  font-family:var(--font-display);font-style:normal;font-size:14rem;line-height:0.52;
  color:var(--rose-300);pointer-events:none;user-select:none}
@media (max-width:1180px){.hero__frase::before{font-size:10rem}}

@media (max-width:560px){
  .hero__frase::before{font-size:9rem;top:auto;bottom:-0.1em;right:-0.04em}
}

.hero__promesa{font-size:var(--size-body);line-height:var(--leading-snug);
  color:var(--text-strong);max-width:48ch;margin:0 0 var(--space-lg)}

.datos.datos--strip{background:transparent;border-block:var(--rule-hairline);border-radius:0;
  padding:var(--space-md) 0;margin:0 0 var(--space-xl);justify-content:flex-start;max-width:none;
  gap:var(--space-xs) var(--space-md)}

.datos.datos--strip li{font-size:var(--size-micro);letter-spacing:0.05em;white-space:nowrap}

.datos.datos--strip li + li::before{content:"·";margin-right:var(--space-md);
  color:var(--plum-300);font-weight:var(--weight-regular)}

@media (max-width:560px){
  .datos.datos--strip{gap:var(--space-2xs) var(--space-lg)}
  .datos.datos--strip li + li::before{content:none}
}

.dato-provisorio{color:inherit;font:inherit}

.franja-promesa{background:var(--paper-200);padding-block:var(--space-2xl);text-align:center}
.franja-promesa .marca{width:104px;margin:0 auto var(--space-md)}
.franja-promesa__nombre{font-size:var(--size-h1);font-weight:var(--weight-regular);
  letter-spacing:var(--tracking-tight);line-height:1.1;margin:0 0 var(--space-2xs)}
.franja-promesa__edicion{font-family:var(--font-label);font-size:var(--size-label);
  letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--plum-700);
  margin:0 0 var(--space-2xl)}
.franja-promesa .lead{max-width:var(--measure-narrow);margin:0 auto var(--space-md)}
.franja-promesa .promesa{font-style:italic;font-size:var(--size-lead);line-height:var(--leading-snug);
  max-width:var(--measure-narrow);margin:0 auto;color:var(--text-body)}
@media (max-width:860px){
  .hero{padding-block:var(--space-2xl)}
  
  .hero__grid{grid-template-columns:1fr;gap:var(--space-xl)}
  .hero__foto{height:auto;min-height:0;aspect-ratio:5/4}
}

@media (min-width:641px) and (max-width:860px){
  .hero__foto{aspect-ratio:16/9}
  .hero__promesa{font-size:var(--size-small)}
}

.hero--centrado{background:var(--wash-banner);padding-top:var(--space-2xl);text-align:center}

.tras-hero{background:var(--surface-page)}
.hero__mark{width:96px;margin:0 0 var(--space-lg)}

@media (max-width:560px){
  .hero__mark{width:64px;margin-bottom:var(--space-md)}
  .hero__foto{aspect-ratio:5/4}
  .hero__frase{margin-bottom:var(--space-lg)}
  .datos--strip{margin-bottom:var(--space-lg)}
}

.datos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs) var(--space-lg);
  background:var(--surface-data);border-radius:var(--radius-sm);padding:var(--space-lg) var(--space-xl);
  max-width:640px;margin:0 auto var(--space-xl);list-style:none}
.datos li{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:0.04em;
  text-transform:uppercase;color:var(--plum-700);font-weight:var(--weight-medium)}
.datos--left{justify-content:flex-start;margin-inline:0;text-align:left}

.sec-head{margin-bottom:var(--space-xl)}
.sec-head h2{max-width:min(68%,40ch);margin-bottom:var(--space-md)}
.sec-head p{max-width:min(52%,56ch);color:var(--text-muted);margin:0}
@media (max-width:860px){
  .sec-head h2,.sec-head p{max-width:none}
}

.rotulo-fuerte{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:var(--tracking-label);
  text-transform:uppercase;font-weight:var(--weight-medium);color:var(--plum-700);
  margin:0 0 var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--plum-700);
  display:inline-block}

.lista-criterio{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}
.lista-criterio li{position:relative;padding-left:30px;font-size:var(--size-small);line-height:var(--leading-snug)}
.c-yes li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;
  background:url("assets/img/brote.webp") center/contain no-repeat}
.c-no li::before{content:"—";position:absolute;left:0;color:var(--coral-500)}
.c-nada li::before{content:"—";position:absolute;left:0;color:var(--ink-300)}

.criterios-si{margin-bottom:var(--space-4xl)}
.criterios-si .lista-criterio{grid-template-columns:1fr 1fr;gap:var(--space-lg) var(--space-4xl)}
.criterios-si .lista-criterio li{font-size:var(--size-body)}

.objeciones{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-4xl)}
.obj{background:var(--surface-card);border:var(--rule-hairline);
  padding:var(--space-xl);box-shadow:var(--shadow-paper);display:flex;flex-direction:column;gap:var(--space-md);
  transition:box-shadow var(--dur-base) var(--ease-soft),border-color var(--dur-base) var(--ease-soft)}

.obj:hover,.compromiso:hover{box-shadow:var(--shadow-card);border-color:var(--border-strong)}

.obj__q{position:relative;font-family:var(--font-display);font-style:italic;font-size:1.375rem;
  line-height:var(--leading-snug);color:var(--plum-700);margin:0;
  padding-bottom:var(--space-md);border-bottom:2px solid var(--coral-300)}
.obj__q::before{content:"\201C";position:absolute;left:-0.46em;top:-0.16em;
  font-family:var(--font-display);font-style:normal;font-size:2.1em;line-height:1;
  color:var(--rose-500);pointer-events:none}
.obj__a{margin:0;font-size:var(--size-small);color:var(--text-body)}

.filtros{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);
  border-top:var(--rule-hairline);padding-top:var(--space-2xl)}
.filtros h3{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:var(--tracking-label);
  text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md);font-weight:var(--weight-regular)}

@media (max-width:980px){.objeciones{grid-template-columns:1fr}}
@media (max-width:760px){.criterios-si .lista-criterio,.filtros{grid-template-columns:1fr}}

.pullquote{font-family:var(--font-quote);font-style:italic;font-size:var(--size-lead);line-height:var(--leading-snug);
  color:var(--text-strong);max-width:var(--measure-narrow);margin-block:var(--space-2xl);
  padding-left:var(--space-lg);border-left:3px solid var(--coral-500)}
.pullquote cite{display:block;font-style:normal;font-family:var(--font-label);font-size:var(--size-label);
  letter-spacing:0.04em;text-transform:uppercase;color:var(--text-faint);margin-top:var(--space-sm)}
.pullquote--center{margin-inline:auto;text-align:center;border:0;padding:0}

.encuentros{display:grid;gap:0;margin-top:var(--space-xl);border-top:var(--rule-hairline)}
.enc{display:grid;grid-template-columns:auto minmax(0,5fr) minmax(0,6fr);
  gap:var(--space-sm) var(--space-2xl);padding-block:var(--space-lg);
  border-bottom:var(--rule-hairline);align-items:start}
.enc__n{font-family:var(--font-display);font-size:2.75rem;font-weight:var(--weight-regular);
  color:var(--coral-500);line-height:1;min-width:2ch}

.enc__f{font-family:var(--font-label);font-size:var(--size-label);
  letter-spacing:var(--tracking-label);text-transform:uppercase;
  color:var(--plum-700);margin:0 0 var(--space-2xs)}

.enc__cab{min-width:0}
.enc__t{font-size:1.875rem;line-height:var(--leading-tight);margin:0}

.enc__n--txt{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:var(--tracking-label);
  text-transform:uppercase;color:var(--text-faint);line-height:1.6;white-space:nowrap}
.enc__d p{margin:0 0 var(--space-sm);font-size:var(--size-small);color:var(--text-muted)}
.enc__d p:last-child{margin-bottom:0}
@media (max-width:860px){
  .enc{grid-template-columns:auto minmax(0,1fr);gap:var(--space-xs) var(--space-lg)}
  .enc__d{grid-column:2}
}

.red-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2xl);
  align-items:center;background:var(--surface-data);
  border:1px solid var(--plum-300);
  border-radius:26% 20% 24% 18% / 12% 16% 11% 15%;
  padding:var(--space-2xl) var(--space-3xl);margin:var(--space-2xl) auto 0;max-width:60em}
.red-panel__ilus{width:150px;flex:none}

.red-panel .eyebrow{color:var(--plum-500);opacity:0.85;margin-bottom:var(--space-2xs)}
.red-panel h3{font-size:1.875rem;line-height:var(--leading-tight);margin-bottom:var(--space-md)}
.red-panel p:last-child{margin-bottom:0;max-width:none;font-size:var(--size-small)}
@media (max-width:720px){
  .red-panel{grid-template-columns:1fr;gap:var(--space-lg);text-align:left;
    border-radius:18% 14% 16% 12% / 6% 8% 6% 7%;padding:var(--space-xl) var(--space-lg)}
  .red-panel__ilus{width:90px}
}

.tira{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-block:var(--space-2xl)}
.tira .mask{aspect-ratio:4/5}
.figura{margin:0}
.figura figcaption{font-family:var(--font-label);font-size:var(--size-micro);color:var(--text-faint);margin-top:var(--space-xs)}

.autora{background:var(--surface-ink);color:var(--paper-200)}
.autora h2,.autora h3{color:var(--paper-050)}
.autora .grid{display:grid;gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}
@media (max-width:820px){.autora .grid{grid-template-columns:1fr}}
.autora .mask{aspect-ratio:4/5}

.autora .firma{width:190px;margin-top:var(--space-xl);filter:invert(1);opacity:0.92}
.autora a{color:var(--coral-300)}

.temas{display:grid;margin-top:var(--space-xl);border-top:var(--rule-hairline)}
.tema{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);
  gap:var(--space-sm) var(--space-2xl);padding-block:var(--space-xl);
  border-bottom:var(--rule-hairline);align-items:start}
.tema__t{font-size:1.5rem;margin:0}
.tema__c > p{margin:0 0 var(--space-md)}
.tema__c > p:last-child{margin-bottom:0}
@media (max-width:860px){.tema{grid-template-columns:1fr;gap:var(--space-sm)}}

.datos-clave{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:var(--space-xl) var(--space-2xl)}
.datos-clave li{border-top:2px solid var(--plum-300);padding-top:var(--space-sm)}
.datos-clave__r{display:block;font-family:var(--font-label);font-size:var(--size-label);
  letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--plum-700);
  font-weight:var(--weight-medium);margin-bottom:var(--space-2xs)}
.datos-clave__v{display:block;font-family:var(--font-display);font-weight:var(--weight-regular);
  font-size:1.75rem;line-height:var(--leading-tight);color:var(--text-strong);
  letter-spacing:var(--tracking-tight)}
.datos-clave__n{display:block;font-size:var(--size-small);color:var(--text-muted);
  line-height:var(--leading-snug);margin-top:var(--space-2xs)}
@media (max-width:520px){.datos-clave{grid-template-columns:1fr;gap:var(--space-lg)}}

.ficha{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);
  column-gap:var(--space-2xl);align-items:baseline}
.ficha dt{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:var(--tracking-label);
  text-transform:uppercase;color:var(--text-muted);padding-block:var(--space-sm);
  border-top:var(--rule-hairline)}
.ficha dd{margin:0;font-size:var(--size-small);color:var(--text-strong);
  padding-block:var(--space-sm);border-top:var(--rule-hairline)}
.ficha dt:first-of-type,.ficha dt:first-of-type + dd{border-top:0;padding-top:0}
@media (max-width:520px){
  .ficha{grid-template-columns:1fr;column-gap:0}
  .ficha dd{border-top:0;padding-top:0;padding-bottom:var(--space-md)}
}

.compromisos{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}
@media (max-width:640px){.compromisos{grid-template-columns:1fr}}
.compromiso{background:var(--surface-card);border:var(--rule-hairline);
  padding:var(--space-lg);box-shadow:var(--shadow-paper);
  transition:box-shadow var(--dur-base) var(--ease-soft),border-color var(--dur-base) var(--ease-soft)}
.compromiso h4{font-size:1.0625rem;margin-bottom:var(--space-xs)}
.compromiso p{font-size:var(--size-small)}
.compromiso p:last-child{margin-bottom:0}

.compromiso__foto{margin-top:var(--space-md);aspect-ratio:3/2}

.compromiso__foto img{object-position:center 72%}

.chat{margin:var(--space-md) 0 var(--space-2xs);
  background:var(--surface-rose-soft);border-radius:var(--radius-sm);
  padding:var(--space-md)}
.chat__quien{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:6px}
.chat__foto{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none}
.chat__nombre{font-family:var(--font-ui);font-size:var(--size-micro);font-weight:var(--weight-medium);
  color:var(--sprout-700)}
.chat__burbuja{position:relative;background:var(--surface-sprout-soft);
  border-radius:14px 14px 14px 4px;padding:10px 14px 8px;
  font-size:var(--size-small);line-height:var(--leading-snug);color:var(--text-strong)}
.chat__pie{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px}
.chat__hora{font-family:var(--font-ui);font-size:11px;color:var(--text-faint)}

.chat__tildes{position:relative;width:16px;height:11px;flex:none}
.chat__tildes::before,.chat__tildes::after{content:"";position:absolute;top:1px;
  width:5px;height:9px;border:solid #4bb8e8;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.chat__tildes::before{left:0}
.chat__tildes::after{left:5px}

.chat__reacciones{display:flex;gap:4px;margin:-6px 0 0 var(--space-md);position:relative;z-index:1}
.chat__reacciones span{background:var(--surface-card);border:var(--rule-hairline);
  border-radius:var(--radius-pill);padding:1px 6px;font-size:11px;line-height:1.5;
  box-shadow:var(--shadow-paper)}

.destacado{background:var(--surface-accent-soft);
  border-radius:22% 26% 18% 24% / 14% 11% 16% 12%;
  padding:var(--space-2xl) var(--space-3xl);margin:var(--space-3xl) auto 0;
  max-width:46em;text-align:center}
.destacado .q{font-family:var(--font-display);font-style:italic;font-size:var(--size-h2);
  line-height:var(--leading-snug);color:var(--coral-700);margin:0 0 var(--space-md)}
.destacado p:last-child{font-size:var(--size-lead);line-height:var(--leading-snug);
  color:var(--text-strong);margin:0 auto;max-width:46ch}
@media (max-width:720px){
  .destacado{padding:var(--space-2xl) var(--space-lg);
    border-radius:16% 18% 12% 16% / 6% 5% 7% 6%}
}

.precio{max-width:none}
.precio__n{font-family:var(--font-display);font-size:var(--size-h1);font-weight:var(--weight-semibold);
  color:var(--text-strong);line-height:1.1;margin-bottom:var(--space-md)}
.precio ul{list-style:none;margin:0 0 var(--space-lg);padding:0;display:grid;gap:var(--space-xs)}
.precio li{position:relative;padding-left:30px;font-size:var(--size-small)}
.precio li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;
  background:url("assets/img/brote.webp") center/contain no-repeat}
.pagos{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-top:var(--space-lg)}
@media (max-width:560px){.pagos{grid-template-columns:1fr}}

.pago-b{display:grid;gap:6px;justify-items:center;text-align:center;
  padding:18px 16px;border:1px solid var(--action-bg);border-radius:var(--radius-sm);
  background:var(--action-bg);color:var(--action-fg);font-family:var(--font-ui);cursor:pointer;
  transition:var(--transition-ui)}
.pago-b:hover{background:var(--action-bg-hover)}
.pago-b__lugar{font-size:0.9375rem;font-weight:var(--weight-medium);line-height:1.2}
.pago-b__precio{font-family:var(--font-display);font-size:1.75rem;font-weight:var(--weight-semibold);
  line-height:1.1;letter-spacing:var(--tracking-tight)}
.pago-b__medio{font-size:var(--size-micro);opacity:0.72;letter-spacing:0.06em;text-transform:uppercase}

.testi__marco--bajo{aspect-ratio:1/1}

.pagos__nota{margin:var(--space-md) 0 0;font-family:var(--font-label);
  font-size:var(--size-micro);color:var(--text-muted);letter-spacing:0.02em}

.form{margin-top:var(--space-xl);max-width:520px;display:none}
.form[data-open]{display:block}
.campo{display:grid;gap:6px;margin-bottom:var(--space-md)}
.campo label{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:0.04em;
  text-transform:uppercase;color:var(--text-muted)}
.campo input,.campo select{font-family:var(--font-ui);font-size:1rem;padding:12px 14px;
  border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper-000);color:var(--text-strong)}
.campo input:focus-visible,.campo select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}

.campo__tel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.campo__cod{color:var(--text-muted)}

.legal{padding-block:var(--space-4xl)}
.legal h1{font-size:var(--size-h1);margin:0 0 var(--space-lg)}
.legal h2{font-size:var(--size-h3);margin:var(--space-2xl) 0 var(--space-sm)}
.legal p{margin:0 0 var(--space-md)}
.legal .lead{margin-bottom:var(--space-2xl)}
.legal__volver{margin-top:var(--space-3xl);padding-top:var(--space-lg);
  border-top:var(--rule-hairline)}
@media (max-width:420px){.campo__tel{grid-template-columns:1fr}}

.nota-fila{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);
  margin-top:var(--space-lg)}
.nota-fila p{margin:0;font-family:var(--font-label);font-size:var(--size-small);
  line-height:1.4}
.nota-fila__info{color:var(--text-muted);flex:1 1 13em}
.nota-fila__aviso{display:inline-flex;align-items:center;gap:8px;
  color:var(--coral-700);background:var(--coral-100);
  border:1px solid var(--coral-300);border-radius:var(--radius-sm);
  padding:10px 14px}
.nota-fila__icono{font-size:1.05em;line-height:1;flex:none}
@media (max-width:560px){.nota-fila{flex-direction:column;align-items:flex-start}}

.faq{margin-top:var(--space-xl);border-top:var(--rule-hairline)}
.faq details{border-bottom:var(--rule-hairline)}
.faq summary{list-style:none;cursor:pointer;padding-block:var(--space-lg);display:flex;gap:var(--space-md);
  align-items:baseline;font-size:var(--size-lead);color:var(--text-strong);line-height:var(--leading-snug)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";font-family:var(--font-label);color:var(--coral-500);font-size:1.25rem;min-width:1ch}
.faq details[open] summary::before{content:"–"}

.wrap--faq{max-width:640px}
.faq .r{padding:0 0 var(--space-lg) calc(1ch + var(--space-md));max-width:none}
.faq .r p:last-child{margin-bottom:0}

.testimonios{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-xl)}
.testi{margin:0}

.testi__marco{position:relative;overflow:hidden;aspect-ratio:4/5}
.testi__marco img{width:100%;height:100%;object-fit:cover}
.testi__marco::after{content:"";position:absolute;inset:0;background:var(--scrim-bottom)}

.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
  width:62px;height:62px;border-radius:50%;display:grid;place-items:center;
  background:rgba(250,233,242,0.16);border:1.5px solid rgba(250,233,242,0.9);
  transition:background-color var(--dur-base) var(--ease-soft)}
.play::before{content:"";width:0;height:0;margin-left:5px;
  border-left:17px solid var(--paper-050);
  border-top:11px solid transparent;border-bottom:11px solid transparent}
.testi__marco:hover .play{background:rgba(250,233,242,0.30)}

.testi__dur{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;z-index:1;
  white-space:nowrap;font-family:var(--font-label);font-size:var(--size-micro);
  color:var(--paper-050);letter-spacing:0.06em;background:rgba(32,24,32,0.55);padding:4px 10px;border-radius:var(--radius-xs)}
.testi blockquote{margin:var(--space-md) 0 0;font-style:italic;font-size:var(--size-small);line-height:var(--leading-snug);color:var(--text-strong)}

.testi blockquote::before{content:"\201C";font-family:var(--font-display);font-style:normal;
  font-size:1.7em;line-height:0;vertical-align:-0.30em;margin-right:0.04em;color:var(--rose-500)}
.testi figcaption{font-family:var(--font-label);font-size:var(--size-micro);letter-spacing:0.06em;
  text-transform:uppercase;color:var(--text-faint);margin-top:var(--space-xs)}

.testi--suelto{max-width:none;margin:0}

.par--testi{grid-template-columns:320px minmax(0,1fr);gap:var(--space-3xl);align-items:center}
.testi--suelto .testi__marco{aspect-ratio:1/1;max-width:none}

.par--compra{grid-template-columns:minmax(0,1fr) minmax(0,0.72fr);gap:var(--space-4xl);align-items:center}

.par--intro{grid-template-columns:minmax(0,1fr) minmax(0,0.8fr);gap:var(--space-4xl);align-items:center}
.par--intro .sec-head{margin-bottom:var(--space-lg)}
.par--intro .sec-head h2,.par--intro .prose{max-width:none}

.cita-par{margin:0;border-left:3px solid var(--coral-500);padding-left:var(--space-lg)}
.cita-par blockquote{margin:0;font-family:var(--font-display);font-style:italic;
  font-size:var(--size-lead);line-height:var(--leading-snug);color:var(--text-strong)}
.cita-par blockquote::before{content:"\201C";font-family:var(--font-display);font-style:normal;
  font-size:1.7em;line-height:0;vertical-align:-0.30em;margin-right:0.04em;color:var(--rose-500)}
.cita-par figcaption{margin-top:var(--space-md);font-family:var(--font-label);
  font-size:var(--size-micro);letter-spacing:0.06em;text-transform:uppercase;color:var(--text-faint)}
@media (max-width:860px){
  .par--testi,.par--compra,.par--intro{grid-template-columns:1fr}
  .par--intro{gap:var(--space-xl)}
}
.testi--suelto blockquote{font-size:var(--size-small)}
.filtros--apilados{grid-template-columns:1fr;gap:var(--space-xl);
  border-top:0;padding-top:0}

.cierre{background:var(--paper-200);text-align:center}
.cierre .eyebrow{margin-bottom:var(--space-sm)}
.cierre__fecha{font-family:var(--font-display);font-size:var(--size-display);
  font-weight:var(--weight-semibold);line-height:var(--leading-tight);
  letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0 0 var(--space-md)}
.cierre__sub{font-size:var(--size-lead);color:var(--text-muted);margin:0 0 var(--space-2xl)}
.cierre__datos{list-style:none;margin:0 0 var(--space-2xl);padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs) var(--space-md)}
.cierre__datos li{font-family:var(--font-label);font-size:var(--size-label);
  letter-spacing:0.06em;text-transform:uppercase;color:var(--plum-700);font-weight:var(--weight-medium)}
.cierre__datos li + li::before{content:"·";margin-right:var(--space-md);color:var(--plum-300)}

.pie{background:var(--surface-ink);color:var(--ink-300);padding-block:var(--space-2xl);text-align:center}

.pie{padding-top:var(--space-3xl)}
.pie__marca{width:250px;margin:0 auto var(--space-lg);filter:invert(1);opacity:0.92}
.pie a{color:var(--rose-300)}

.pie .micro{color:var(--ink-300);max-width:52ch;margin:var(--space-md) auto 0;
  font-size:var(--size-small);line-height:1.6}

.pie .micro.pie__legal{font-size:var(--size-micro)}

.sociales{list-style:none;display:flex;justify-content:center;gap:var(--space-xs);
  margin:var(--space-xl) 0 var(--space-md);padding:0}
.sociales img{width:30px;height:30px}

.sociales a{display:grid;place-items:center;width:44px;height:44px;
  opacity:0.9;transition:var(--transition-ui)}
.sociales a:hover{opacity:1}
.usuario{font-family:var(--font-label);font-size:var(--size-label);letter-spacing:0.04em;
  color:var(--rose-300);margin:0}

.wa{position:fixed;right:16px;bottom:16px;z-index:20;font-family:var(--font-ui);font-size:0.875rem;
  background:var(--ink-900);color:var(--paper-050);padding:12px 18px;border-radius:var(--radius-pill);
  border:1.5px solid var(--rose-500);text-decoration:none;box-shadow:var(--shadow-lift);
  display:inline-flex;align-items:center;min-height:44px;
  transition:var(--transition-ui)}
.wa:hover{background:var(--plum-700);border-color:var(--rose-300);color:var(--paper-050);text-decoration:none}

.wa{opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none}
.wa.a-la-vista{opacity:1;visibility:visible;transform:none;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.wa{transform:none}}

.wa::before{content:"";position:absolute;inset:-52px -40px -36px -72px;z-index:-1;
  border-radius:var(--radius-pill);pointer-events:none;
  background:radial-gradient(ellipse at 68% 62%,rgba(32,24,32,0.17) 0%,rgba(32,24,32,0.09) 45%,rgba(32,24,32,0) 72%)}

.wa-scrim{display:none}
@media (max-width:640px){
  .wa::before{display:none}
  .wa-scrim{display:block;position:fixed;inset:auto 0 0 0;height:160px;z-index:19;
    pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease-soft);
    background:linear-gradient(to top,
      rgba(255,255,255,0.94) 0%,
      rgba(255,255,255,0.80) 34%,
      rgba(255,255,255,0) 100%)}
  .wa.a-la-vista ~ .wa-scrim{opacity:1}
}

@media (max-width:640px){
  
  .hero{padding-block:var(--space-lg)}
  .hero__foto{aspect-ratio:5/4}
  .hero__frase{margin-bottom:var(--space-lg)}
  .hero__promesa{font-size:var(--size-small);margin-bottom:var(--space-md)}
  
  .tira .mask{aspect-ratio:4/3}
}
@media (max-width:560px){

  .wa{font-size:0.8125rem;padding:10px 14px;right:12px;bottom:12px}
}

.clips{display:grid;grid-template-columns:repeat(2,1fr);
  gap:var(--space-2xl) var(--space-xl);margin-top:var(--space-2xl)}
.clip{margin:0}
.clip__marco,.clip__marco--vivo{display:block;position:relative;width:100%;
  aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--paper-200)}
.clip__marco{padding:0;border:0;cursor:pointer}
.clip__marco img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform var(--dur-base) var(--ease-soft)}

.clip__marco::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(30,10,24,0.35),transparent 50%),
    rgba(136,56,136,0.26);
  transition:background var(--dur-base) var(--ease-soft)}
.clip__marco:hover::after{
  background:linear-gradient(to top,rgba(30,10,24,0.35),transparent 50%),
    rgba(136,56,136,0.06)}
.clip__marco .play{z-index:1}
.clip__marco:hover img{transform:scale(1.03)}
.clip iframe{width:100%;height:100%;border:0;display:block}
.clip__dura{position:absolute;right:10px;bottom:8px;z-index:1;
  font-family:var(--font-ui);font-size:var(--size-micro);color:var(--paper-050);
  background:rgba(30,10,24,0.65);padding:2px 7px;border-radius:3px}
.clip__pie{margin-top:var(--space-sm);display:flex;flex-wrap:wrap;
  gap:var(--space-2xs) var(--space-sm);align-items:baseline}
.clip__quien{font-family:var(--font-label);font-size:var(--size-small);
  font-weight:var(--weight-semibold);color:var(--text-strong)}
.clip__donde{font-family:var(--font-label);font-size:var(--size-micro);
  letter-spacing:0.06em;text-transform:uppercase;color:var(--text-faint)}

.clip__cita{margin:var(--space-xs) 0 0;font-family:var(--font-display);font-style:italic;
  font-size:var(--size-small);line-height:var(--leading-snug);color:var(--text-muted)}

.clip__cita::before{content:"“";color:var(--rose-500);font-style:normal}
.clip__cita::after{content:"”";color:var(--rose-500);font-style:normal}

.cita-par--invert{margin-top:var(--space-xl);border-left-color:var(--coral-500)}
.cita-par--invert blockquote{color:var(--paper-050);font-size:var(--size-small)}
.cita-par--invert figcaption{color:var(--rose-300)}

.desde-afuera{margin:var(--space-lg) 0 0;padding:var(--space-md) var(--space-lg);
  background:var(--surface-card);border-left:3px solid var(--plum-300)}
.desde-afuera__r{font-family:var(--font-label);font-size:var(--size-label);
  letter-spacing:var(--tracking-label);text-transform:uppercase;
  color:var(--plum-700);margin:0 0 var(--space-2xs)}
.desde-afuera blockquote{margin:0;font-family:var(--font-display);font-style:italic;
  font-size:var(--size-small);line-height:var(--leading-snug);color:var(--text-strong)}
.desde-afuera__quien{font-family:var(--font-label);font-size:var(--size-micro);
  text-transform:uppercase;letter-spacing:0.06em;color:var(--text-faint);
  margin:var(--space-xs) 0 0}

@media (max-width:640px){
  .clips{grid-template-columns:1fr}
  .clip{max-width:none}
}

.testi-par{display:grid;grid-template-columns:300px minmax(0,1fr);
  gap:var(--space-2xl);align-items:center;margin-top:var(--space-2xl)}
.testi-par .clip{margin-top:0;max-width:none}
.testi-par__cita{margin:0;font-family:var(--font-display);font-style:italic;
  font-size:var(--size-lead);line-height:var(--leading-snug);color:var(--text-strong);
  max-width:26em}

.testi-par__cita::before{content:"“";font-family:var(--font-display);font-style:normal;
  font-size:1.6em;line-height:0;vertical-align:-0.28em;margin-right:0.04em;color:var(--rose-500)}
@media (max-width:760px){
  .testi-par{grid-template-columns:1fr;gap:var(--space-lg)}
  .testi-par .clip{max-width:340px}
}

.clip__marco .play{background:rgba(255,255,255,0.30);
  border:2px solid var(--rose-500);backdrop-filter:blur(4px);
  box-shadow:0 2px 10px rgba(30,10,24,0.18)}
.clip__marco .play::before{border-left-color:var(--rose-500)}
.clip__marco:hover .play{background:rgba(255,255,255,0.55)}
