.elementor-36 .elementor-element.elementor-element-mcinpg0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS */html:root:root:root:root:root.lenis,html:root:root:root:root:root.lenis body{height:auto}
:root:root:root:root:root.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
:root:root:root:root:root.lenis.lenis-stopped{overflow:clip}
:root:root:root:root:root.lenis.lenis-smooth iframe{pointer-events:none}
:root,:root:root:root:root:root body{
  
  --rosa:        var(--e-global-color-primary,#E57089);   
  --rosa-claro:  var(--e-global-color-secondary,#FFB1BD);   
  
  --rosa-texto:  var(--e-global-color-mcrosat,#C2415C);
  --amarillo:    var(--e-global-color-accent,#FFCD00);   
  --menta:       var(--e-global-color-mcmenta,#CCE4CB);   
  --azul:        var(--e-global-color-mcazul0,#8FC4D9);   
  --tinta:       var(--e-global-color-text,#241F20);   
  --crema:       var(--e-global-color-mccrema,#FDF7F4);
  --blanco:      var(--e-global-color-mcblanc,#FFFFFF);
  --gris:        var(--e-global-color-mcgris0,#6B6163);

  
  --mc-display: var(--e-global-typography-primary-font-family,'Fraunces'), Georgia, serif;
  --texto:   var(--e-global-typography-text-font-family,'Nunito Sans'), -apple-system, BlinkMacSystemFont, sans-serif;

  
  --marca-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");

  
  --flor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M90.0%2050.0Q106.8%2070.7%2080.6%2075.7Q80.2%20102.3%2056.9%2089.4Q39.5%20109.5%2030.0%2084.6Q3.7%2088.8%2012.4%2063.7Q-10.4%2050.0%2012.4%2036.3Q3.7%2011.2%2030.0%2015.4Q39.5%20-9.5%2056.9%2010.6Q80.2%20-2.3%2080.6%2024.3Q106.8%2029.3%2090.0%2050.0Z'%20fill='black'/%3E%3C/svg%3E");
  --garabato-chispa: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cpath%20d='M50%202C56%2034%2066%2044%2098%2050C66%2056%2056%2066%2050%2098C44%2066%2034%2056%202%2050C34%2044%2044%2034%2050%202Z'%20fill='black'/%3E%3C/svg%3E");
  --garabato-asterisco: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%3Cg%20stroke='black'%20stroke-width='6'%20stroke-linecap='round'%3E%3Cpath%20d='M30%205V55'/%3E%3Cpath%20d='M8%2017%2052%2043'/%3E%3Cpath%20d='M8%2043%2052%2017'/%3E%3C/g%3E%3C/svg%3E");
  --marca-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");

  
  --hueco-pendiente: #EAF0E4;
  --hueco-filete:    rgba(36,31,32,.09);

  --garabato-rayas: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%3E%3Cg%20stroke='black'%20stroke-width='7'%20stroke-linecap='round'%20fill='none'%3E%3Cpath%20d='M6%2010%2026%2022'/%3E%3Cpath%20d='M2%2030%2026%2032'/%3E%3Cpath%20d='M8%2050%2028%2042'/%3E%3C/g%3E%3C/svg%3E");
  --trazo-subrayado: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%2014'%3E%3Cpath%20d='M4%209C34%203%2070%2012%20136%205'%20stroke='black'%20stroke-width='5'%20stroke-linecap='round'%20fill='none'/%3E%3C/svg%3E");
  --flecha-curva: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%2070'%3E%3Cg%20fill='none'%20stroke='black'%20stroke-width='4.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M193%207C170%2052%20110%2067%2032%2055'%20stroke-dasharray='9%2012'/%3E%3Cpath%20d='M48%2040%2030%2055%2046%2066'/%3E%3C/g%3E%3C/svg%3E");
  --radio:   30px;
  --radio-s: 22px;
  
  --sombra-tarjeta: 0 0 70px rgba(36,31,32,.09);
  --ancho:   1180px;
  
  --margen-lateral: 24px;
}
:root:root:root:root:root *:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){margin:0;padding:0;box-sizing:border-box}
:root:root:root:root:root p:where(:not(.mcb-\73 elector, .mcb-\73 elector *)),:root:root:root:root:root li:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){text-wrap:pretty}
html:root:root:root:root:root{-webkit-text-size-adjust:100%}
:root:root:root:root:root body{
  font-family:var(--texto);
  color:var(--tinta);
  background:var(--crema);
  line-height:1.65;
  font-size:17px;
  
  overflow-x:clip;
}
:root:root:root:root:root img:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){max-width:100%;display:block}
:root:root:root:root:root a:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){color:inherit}
:root:root:root:root:root .contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 var(--margen-lateral)}
:root:root:root:root:root .display{
  font-family:var(--mc-display);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.02em;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root h1.display,:root:root:root:root:root h2.display{
  font-family:var(--mc-display);font-weight:800;
  text-transform:uppercase;letter-spacing:-.022em;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root h1.display{font-size:clamp(29px,4vw,56px);line-height:1.06}
:root:root:root:root:root h2.display{font-size:clamp(28px,3.6vw,50px);line-height:.98}
:root:root:root:root:root .display.nombre-producto{text-transform:none;letter-spacing:-.02em;line-height:1.05}
:root:root:root:root:root .display .tm{font-size:.38em;vertical-align:super;line-height:0;letter-spacing:0}
:root:root:root:root:root h3.display{font-size:clamp(24px,2.6vw,34px);line-height:1.1}
:root:root:root:root:root .sobretitulo{
  font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--rosa-texto);margin-bottom:18px;
}
:root:root:root:root:root .lead{font-size:clamp(17px,2vw,21px);color:var(--gris);max-width:62ch}
:root:root:root:root:root .btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--texto);font-weight:700;font-size:16px;
  padding:16px 30px;border-radius:100px;border:2px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
:root:root:root:root:root .btn:hover{transform:translateY(-2px)}
:root:root:root:root:root .btn-oscuro{background:var(--tinta);color:var(--blanco)}
:root:root:root:root:root .btn-oscuro:hover{background:#3A3132}
:root:root:root:root:root .btn-linea{border-color:var(--tinta);color:var(--tinta)}
:root:root:root:root:root .btn-linea:hover{background:var(--tinta);color:var(--blanco)}
:root:root:root:root:root .btn-claro{background:var(--blanco);color:var(--tinta)}
:root:root:root:root:root header:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){
  position:fixed;top:0;left:0;width:100%;z-index:60;
  padding:22px var(--margen-lateral);
  transition:padding .4s cubic-bezier(.23,1,.32,1);
}
:root:root:root:root:root header.compacta{padding:12px var(--margen-lateral)}
:root:root:root:root:root .nav-barra{
  --filete-cuenta:rgba(36,31,32,.32);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,2vw,32px);
  max-width:var(--ancho);margin:0 auto;
  padding:10px 16px;border-radius:100px;
  background:transparent;
  transition:background-color .3s ease-in-out,color .3s ease-in-out,padding .4s cubic-bezier(.23,1,.32,1);
}
:root:root:root:root:root header.compacta .nav-barra{
  --filete-cuenta:rgba(253,247,244,.34);
  background:var(--tinta);color:var(--crema);
  padding:12px clamp(20px,2.6vw,38px);
}
:root:root:root:root:root .logo{justify-self:center;position:relative;display:block}
:root:root:root:root:root .logo img{width:clamp(118px,11vw,148px);display:block;transition:opacity .3s ease-in-out}
:root:root:root:root:root .logo .blanco{position:absolute;inset:0;opacity:0}
:root:root:root:root:root header.compacta .logo .rosado{opacity:0}
:root:root:root:root:root header.compacta .logo .blanco{opacity:1}
:root:root:root:root:root .nav-barra nav{min-width:0}
:root:root:root:root:root .nav-barra nav.der{justify-self:end}
:root:root:root:root:root .nav-barra nav ul{display:flex;gap:clamp(14px,1.9vw,30px);list-style:none;white-space:nowrap}
:root:root:root:root:root .nav-barra nav.der ul{justify-content:flex-end}
:root:root:root:root:root .nav-cuenta{
  position:relative;
  margin-left:clamp(12px,1.6vw,22px);
  opacity:.72;
}
:root:root:root:root:root .nav-cuenta::before{
  content:'';position:absolute;
  left:calc(-1 * clamp(12px,1.6vw,22px));
  top:0;bottom:2px;
  border-left:1px solid var(--filete-cuenta);
}
:root:root:root:root:root .nav-cuenta:hover{opacity:1}
:root:root:root:root:root .nav-barra nav a{
  font-size:clamp(14px,1.1vw,16px);font-weight:600;text-transform:lowercase;
  text-decoration:none;padding-bottom:3px;
  border-bottom:2px solid transparent;transition:border-color .2s,color .2s,opacity .2s;
}
:root:root:root:root:root .nav-barra nav a:hover{color:var(--rosa-texto)}
:root:root:root:root:root .nav-barra nav a.activo{color:var(--rosa-texto);border-color:var(--rosa-texto)}
:root:root:root:root:root header.compacta .nav-barra nav a:hover,:root:root:root:root:root header.compacta .nav-barra nav a.activo{color:var(--rosa);border-color:var(--rosa)}
:root:root:root:root:root .menu-btn{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:inherit;line-height:1;padding:10px;margin:-10px;justify-self:end}
:root:root:root:root:root .menu-movil{display:none}
:root:root:root:root:root .portada{
  min-height:min(100vh,800px);
  min-height:min(100svh,800px);
  display:flex;flex-direction:column;
}
:root:root:root:root:root .hero{
  
  --cima-hero:clamp(140px,21vh,175px);
  --fin-titular:calc(var(--cima-hero) + 3.125 * clamp(29px,4vw,56px));
  position:relative;text-align:center;overflow:hidden;
  flex:1;display:flex;align-items:flex-start;
  padding:var(--cima-hero) 0 clamp(40px,7vh,96px);
}
:root:root:root:root:root .hero .contenedor{position:relative;z-index:3;width:100%}
:root:root:root:root:root .hero h1{max-width:920px;margin-inline:auto}
:root:root:root:root:root .hero h1{margin-bottom:34px}
:root:root:root:root:root .hero h1 span.linea{display:block}
:root:root:root:root:root .bloque{
  display:inline-block;
  background:var(--rosa-claro);
  padding:.14em .26em .1em;
  position:relative;z-index:2;
}
:root:root:root:root:root .hero h1 span.linea.bloque{display:inline-block;margin-top:-.1em}
:root:root:root:root:root .hero .lead{
  max-width:46ch;margin:0 auto clamp(12px,1.4vw,17px);
  font-size:clamp(17px,1.9vw,20px);color:var(--tinta);
  font-weight:500;line-height:1.55;
}
:root:root:root:root:root .hero .lead strong{font-weight:700;color:var(--rosa-texto)}
:root:root:root:root:root .firma-hero{
  margin:0 auto 34px;
  font-size:clamp(13.5px,1.4vw,15.5px);font-weight:600;color:var(--gris);
}
:root:root:root:root:root .firma-hero strong{color:var(--rosa-texto);font-weight:800}
:root:root:root:root:root .hero-acciones{display:flex;justify-content:center}
:root:root:root:root:root .sticker-hero{
  --giro-sticker:6deg;
  position:absolute;z-index:2;pointer-events:none;
  bottom:clamp(12px,4vh,56px);
  width:clamp(150px,19vw,300px);height:auto;
  transform:rotate(var(--giro-sticker));
  filter:drop-shadow(0 14px 26px rgba(36,31,32,.14));
  animation:flotar 7s ease-in-out infinite;
}
:root:root:root:root:root .sticker-izq{
  left:clamp(8px,2.5vw,48px);
  bottom:auto;
  top:min(calc(var(--fin-titular) + 150px),
          calc(100% - .85 * clamp(150px,19vw,300px) - clamp(12px,4vh,56px)));
}
:root:root:root:root:root .sticker-der{
  --giro-sticker:-7deg;
  top:calc(var(--fin-titular) + 20px);bottom:auto;
  right:clamp(8px,2.5vw,48px);
  width:clamp(130px,13.6vw,208px);
  animation-duration:8.5s;animation-delay:-3s;
}
@keyframes flotar{
  0%,100%{transform:rotate(var(--giro-sticker)) translateY(0)}
  50%    {transform:rotate(calc(var(--giro-sticker) + 1.6deg)) translateY(-11px)}
}
:root:root:root:root:root .sello-circular{position:absolute;z-index:4;width:clamp(96px,10vw,128px);aspect-ratio:1;top:-26px;right:-14px}
:root:root:root:root:root .sello-circular svg{width:100%;height:100%;overflow:visible}
:root:root:root:root:root .sello-circular .aro{fill:var(--rosa)}
:root:root:root:root:root .sello-circular .giro{animation:girar 28s linear infinite;transform-origin:50% 50%}
:root:root:root:root:root .sello-circular text{fill:var(--blanco);font-family:var(--texto);font-size:7.6px;font-weight:700;letter-spacing:.11em}
:root:root:root:root:root .sello-circular img{position:absolute;top:50%;left:50%;width:24%;transform:translate(-50%,-50%)}
@keyframes girar{to{transform:rotate(360deg)}}
:root:root:root:root:root .banda{
  overflow:hidden;padding:clamp(34px,4.4vw,58px) 0;
  background:var(--tinta);color:var(--crema);
}
:root:root:root:root:root .banda-pista{display:flex;width:max-content;animation:desliza 14s linear infinite}
:root:root:root:root:root .banda-grupo{
  flex:0 0 auto;white-space:nowrap;
  font-size:clamp(20px,2.7vw,36px);font-weight:600;text-transform:lowercase;
  letter-spacing:-.01em;line-height:1.2;
}
:root:root:root:root:root .banda-grupo span{padding:0 .45em}
:root:root:root:root:root .punto-rosa{color:var(--rosa)}
:root:root:root:root:root .punto-rosa-claro{color:var(--rosa-claro)}
:root:root:root:root:root .punto-amarillo{color:var(--amarillo)}
:root:root:root:root:root .punto-menta{color:var(--menta)}
:root:root:root:root:root .punto-azul{color:var(--azul)}
@keyframes desliza{to{transform:translateX(-25%)}}
:root:root:root:root:root .banda-pista:hover{animation-play-state:paused}
:root:root:root:root:root section:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){position:relative}
:root:root:root:root:root .seccion{padding:clamp(48px,5.6vw,80px) 0}
:root:root:root:root:root .cabecera{text-align:center;max-width:780px;margin:0 auto clamp(28px,3.3vw,44px)}
:root:root:root:root:root .cabecera .lead{margin:16px auto 0}
:root:root:root:root:root .video-seccion{padding:clamp(40px,4.6vw,66px) 0 clamp(8px,1vw,16px)}
:root:root:root:root:root #metodo{--ancho-metodo:100%}
:root:root:root:root:root #metodo .cabecera{max-width:920px;margin-bottom:clamp(34px,4.4vw,58px)}
:root:root:root:root:root #metodo .cabecera .lead{max-width:64ch;margin-top:clamp(18px,2vw,25px)}
:root:root:root:root:root .video-marco{
  position:relative;width:100%;max-width:var(--ancho-metodo);margin:0 auto;
  aspect-ratio:var(--ratio-vsl,16/9);
  border-radius:var(--radio);overflow:hidden;
  background:var(--rosa-claro);box-shadow:var(--sombra-tarjeta);
  display:flex;align-items:center;justify-content:center;
}
:root:root:root:root:root .video-escena{position:relative}
:root:root:root:root:root.js .video-escena.animada{height:240vh}
:root:root:root:root:root.js .video-escena.animada .video-escenario{
  position:sticky;top:0;height:100vh;height:100svh;
  display:flex;align-items:center;justify-content:center;
}
:root:root:root:root:root.js .video-escena.animada .video-marco{will-change:transform;transform-origin:center center}
:root:root:root:root:root.js .video-escena.animada .video-escenario::before{
  content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:var(--tinta);opacity:var(--t,0);pointer-events:none;
}
:root:root:root:root:root.js .video-escena.animada .video-escenario{position:sticky}
:root:root:root:root:root.js .video-escena.animada .video-escenario{pointer-events:none}
:root:root:root:root:root.js .video-escena.animada .video-marco{pointer-events:auto}
@media (orientation:portrait){:root:root:root:root:root.js .video-escena.animada{height:170vh}}
:root:root:root:root:root .sonido{
  
  position:absolute;left:50%;top:50%;z-index:3;
  transform:translate(-50%,-50%) scale(calc(1 / var(--esc, 1)));
  display:inline-flex;align-items:center;gap:8px;
  font:700 14px/1 var(--texto);color:var(--tinta);background:var(--blanco);
  border:0;border-radius:100px;padding:11px 16px;cursor:pointer;
  box-shadow:0 6px 20px rgba(36,31,32,.18);
}
:root:root:root:root:root .sonido::before{content:'';width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='m23 9-6 6M17 9l6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='m23 9-6 6M17 9l6 6'/%3E%3C/svg%3E") center/contain no-repeat}
:root:root:root:root:root .sonido:hover{background:var(--crema)}
:root:root:root:root:root .sonido:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
:root:root:root:root:root .sonido[hidden]{display:none}
:root:root:root:root:root .vsl-controles{
  position:absolute;top:16px;right:16px;z-index:3;display:flex;gap:10px;
  transform:scale(calc(1 / var(--esc, 1)));transform-origin:top right;
}
:root:root:root:root:root .vsl-controles[hidden]{display:none}
:root:root:root:root:root .vsl-boton{
  width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;padding:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(36,31,32,.72);color:var(--blanco);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  transition:background .18s ease,transform .18s ease;
}
:root:root:root:root:root .vsl-boton:hover{background:var(--tinta);transform:scale(1.06)}
:root:root:root:root:root .vsl-boton:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}
:root:root:root:root:root .vsl-boton svg{width:20px;height:20px;fill:currentColor}
:root:root:root:root:root .vsl-boton .ico-play,:root:root:root:root:root .vsl-boton .ico-cerrar{display:none}
:root:root:root:root:root .video-marco.pausado .vsl-boton .ico-play{display:block}
:root:root:root:root:root .video-marco.pausado .vsl-boton .ico-pausa{display:none}
:root:root:root:root:root .video-marco:fullscreen .ico-abrir{display:none}
:root:root:root:root:root .video-marco:fullscreen .ico-cerrar{display:block}
:root:root:root:root:root .video-marco:fullscreen{transform:none !important;border-radius:0 !important;background:#000;max-width:none}
:root:root:root:root:root .video-marco:fullscreen .vsl{object-fit:contain;background:#000}
:root:root:root:root:root .video-marco:fullscreen .vsl-controles,:root:root:root:root:root .video-marco:fullscreen .sonido{--esc:1}
:root:root:root:root:root .vsl{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;background:var(--tinta);display:block;
}
:root:root:root:root:root .play{
  width:clamp(74px,7vw,96px);aspect-ratio:1;border-radius:50%;
  background:var(--tinta);position:relative;z-index:2;
  border:0;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s ease,opacity .2s ease;
}
:root:root:root:root:root .play:hover{transform:scale(1.06)}
:root:root:root:root:root .play[hidden]{display:none}
:root:root:root:root:root .play::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  border:2px solid var(--blanco);
  animation:pulso 2.8s ease-out infinite;
}
:root:root:root:root:root .play::after{
  content:'';margin-left:7px;
  border-left:20px solid var(--crema);
  border-top:13px solid transparent;border-bottom:13px solid transparent;
}
@keyframes pulso{
  0%{transform:scale(1);opacity:.9}
  70%,100%{transform:scale(1.6);opacity:0}
}
:root:root:root:root:root .pendiente{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta);background:var(--blanco);box-shadow:0 0 0 1px var(--hueco-filete);padding:7px 16px;border-radius:100px}
:root:root:root:root:root .escalera{
  --monta:clamp(12px,1.8vw,24px);
  list-style:none;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(248px,100%),1fr));
  gap:0;align-items:stretch;
  max-width:var(--ancho-metodo);margin:clamp(42px,5vw,70px) auto 0;
}
:root:root:root:root:root .escalera li{
  --tono:var(--rosa-claro);--giro:0deg;--desnivel:0px;
  position:relative;
  background:var(--tono);color:var(--tinta);
  border-radius:var(--radio);padding:clamp(24px,2.6vw,32px);
  margin-inline:calc(var(--monta) * -.5);
  box-shadow:0 16px 38px rgba(36,31,32,.11);
  transform:rotate(var(--giro)) translateY(var(--desnivel));
  transition:transform .32s ease,box-shadow .32s ease;
}
:root:root:root:root:root .escalera li:nth-child(1){--tono:var(--rosa-claro);--giro:-2.4deg;--desnivel:10px;z-index:1}
:root:root:root:root:root .escalera li:nth-child(2){--tono:var(--amarillo);  --giro:1.8deg; --desnivel:-6px;z-index:2}
:root:root:root:root:root .escalera li:nth-child(3){--tono:var(--menta);     --giro:-1.4deg;--desnivel:12px;z-index:3}
:root:root:root:root:root .escalera .paso{
  display:inline-flex;align-items:center;justify-content:center;
  width:clamp(38px,3.6vw,46px);aspect-ratio:1;border-radius:50%;
  background:var(--tinta);color:var(--tono);
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(13px,1.3vw,15px);
  font-variation-settings:'SOFT' 100,'WONK' 1;
  margin-bottom:clamp(16px,1.8vw,22px);
}
:root:root:root:root:root .escalera strong{display:block;font-size:clamp(17px,1.8vw,19.5px);font-weight:800;line-height:1.25;margin-bottom:9px}
:root:root:root:root:root .escalera .detalle{display:block;color:var(--tinta);opacity:.78;font-size:15px;line-height:1.5}
:root:root:root:root:root .escalera li:hover,:root:root:root:root:root.js .escalera li.visible:hover{
  transform:rotate(0deg) translateY(-8px);
  box-shadow:0 26px 54px rgba(36,31,32,.17);
}
:root:root:root:root:root.js .escalera li{
  opacity:0;transform:translateY(100px) rotate(3deg);
  transition:opacity .5s ease,transform .5s ease,box-shadow .32s ease;
}
:root:root:root:root:root.js .escalera li.visible{opacity:1;transform:rotate(var(--giro)) translateY(var(--desnivel))}
:root:root:root:root:root .metodo-pie{text-align:center;margin-top:clamp(30px,3.4vw,44px)}
:root:root:root:root:root .metodo-enlace{
  display:inline-flex;align-items:center;gap:9px;
  font-weight:800;font-size:16px;color:var(--tinta);text-decoration:none;
  border-bottom:2px solid var(--rosa);padding-bottom:4px;
  transition:gap .18s ease;
}
:root:root:root:root:root .metodo-enlace:hover{gap:15px}
:root:root:root:root:root .prueba{
  max-width:var(--ancho-metodo);margin:clamp(30px,3.6vw,52px) auto 0;
}
:root:root:root:root:root .prueba-titulo{
  text-align:center;font-size:13px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gris);
  margin-bottom:clamp(26px,3vw,40px);
}
:root:root:root:root:root .cifras{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));
  gap:clamp(30px,4.4vw,64px);text-align:center;
}
:root:root:root:root:root .cifra-num{
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(54px,7.4vw,104px);line-height:.98;letter-spacing:-.035em;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .cifra-num::before{
  content:'+';
  font-size:.62em;vertical-align:.22em;
  margin-right:.02em;letter-spacing:0;
}
:root:root:root:root:root .cifra-desc{
  font-weight:700;font-size:clamp(16px,1.6vw,18.5px);line-height:1.45;
  max-width:30ch;margin:14px auto 0;
}
:root:root:root:root:root .cifra-fuente{font-size:14.5px;color:var(--gris);margin-top:20px}
:root:root:root:root:root .sobre-rejilla{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,4vw,60px);align-items:center;
}
:root:root:root:root:root .sobre-retrato{
  aspect-ratio:5/4;width:100%;max-width:620px;margin-inline:auto;
  background:var(--hueco-pendiente);box-shadow:inset 0 0 0 1px var(--hueco-filete);
  border-radius:var(--radio);box-shadow:var(--sombra-tarjeta);
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
:root:root:root:root:root .sobre-retrato img{
  width:100%;height:100%;object-fit:cover;object-position:50% 85%;
  border-radius:inherit;display:block;
}
:root:root:root:root:root .sobre h2{margin-bottom:22px}
:root:root:root:root:root .sobre-lead{
  font-size:clamp(17px,1.9vw,20px);line-height:1.55;font-weight:600;
}
:root:root:root:root:root .declaracion{padding:clamp(10px,1.4vw,20px) 0 clamp(34px,4vw,56px)}
:root:root:root:root:root .declaracion-caja{
  background:var(--tinta);color:var(--crema);
  border-radius:clamp(26px,3vw,42px);
  padding:clamp(34px,4.4vw,64px) clamp(26px,4vw,60px);
}
:root:root:root:root:root .declaracion p{
  max-width:48ch;margin:0 auto;text-align:center;
  font-family:var(--mc-display);font-weight:500;
  font-size:clamp(18px,2vw,24px);line-height:1.45;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .declaracion strong{color:var(--rosa);font-weight:800}
:root:root:root:root:root .camino-bloque{margin-top:clamp(42px,5vw,72px)}
:root:root:root:root:root .camino-bloque .camino-titulo{
  text-align:center;margin:0 auto clamp(22px,2.6vw,34px);
  font-family:var(--texto);font-size:13px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--rosa-texto);
}
:root:root:root:root:root .trayectoria{list-style:none;display:grid}
:root:root:root:root:root .trayectoria li{position:relative}
:root:root:root:root:root .trayectoria li + li{margin-top:clamp(54px,6.6vw,100px)}
:root:root:root:root:root .trayectoria article{
  position:relative;
  display:grid;grid-template-columns:1.12fr .88fr;
  gap:clamp(20px,3vw,48px);align-items:center;
  background:var(--blanco);border-radius:var(--radio);
  box-shadow:0 18px 50px -24px rgba(36,31,32,.28);
  padding:clamp(24px,2.8vw,40px);
}
:root:root:root:root:root .trayectoria li:nth-child(1) article{transform:rotate(-1deg)}
:root:root:root:root:root .trayectoria li:nth-child(2) article{transform:rotate(.75deg)}
:root:root:root:root:root .trayectoria li:nth-child(3) article{transform:rotate(-.5deg)}
:root:root:root:root:root .trayectoria li:nth-child(even) .etapa-texto{grid-area:1 / 2 / 2 / 3}
:root:root:root:root:root .trayectoria li:nth-child(even) .etapa-foto{grid-area:1 / 1 / 2 / 2}
@media (min-width:981px){:root:root:root:root:root .trayectoria li:nth-child(even) article{grid-template-columns:.88fr 1.12fr}}
:root:root:root:root:root .etapa-texto{
  --lado-num:clamp(52px,5.8vw,76px);
  --hueco-num:clamp(10px,1.2vw,17px);
  position:relative;
  padding-top:calc(var(--lado-num) + var(--hueco-num));
}
:root:root:root:root:root .etapa-num{
  position:absolute;z-index:3;
  top:0;
  
  left:0;
  width:var(--lado-num);aspect-ratio:1;
  display:grid;place-items:center;
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(15px,1.7vw,21px);color:var(--tinta);
  font-variation-settings:'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .etapa-num::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background-color:var(--rosa-claro);
  -webkit-mask:var(--flor) center/contain no-repeat;
          mask:var(--flor) center/contain no-repeat;
}
:root:root:root:root:root .etapa-foto{
  position:relative;
  height:clamp(160px,16vw,210px);background:var(--menta);
  border-radius:var(--radio-s);
  display:flex;align-items:center;justify-content:center;
}
:root:root:root:root:root .etapa-foto::before{
  content:'';position:absolute;z-index:2;
  top:calc(-1 * clamp(9px,1vw,14px));left:36%;
  width:clamp(62px,7vw,98px);height:clamp(21px,2.3vw,32px);
  transform:translateX(-50%) rotate(-6deg);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.6) 0 3px,transparent 3px 9px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.6) 0 3px,transparent 3px 9px),
    var(--cinta,#F4AEBB);
  opacity:.92;box-shadow:0 2px 7px rgba(36,31,32,.12);
}
:root:root:root:root:root .etapa-foto img{
  width:100%;height:100%;object-fit:cover;object-position:center 28%;
  border-radius:inherit;display:block;
}
:root:root:root:root:root .etapa-foto{
  height:auto;aspect-ratio:1;
  width:min(100%,clamp(230px,24vw,330px));margin-inline:auto;
}
:root:root:root:root:root .trayectoria li:nth-child(2) .etapa-foto{aspect-ratio:900/507;width:100%}
:root:root:root:root:root .trayectoria li:nth-child(1) .etapa-foto img{object-position:center top}
:root:root:root:root:root .trayectoria li:nth-child(2) .etapa-foto::before{--cinta:#B9D9B4}
:root:root:root:root:root .trayectoria li:nth-child(3) .etapa-foto::before{--cinta:#FFDE6B}
:root:root:root:root:root .trayectoria h4{
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(20px,2.4vw,32px);line-height:1;margin-bottom:10px;
  text-transform:uppercase;letter-spacing:-.022em;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .trayectoria h4::after{
  content:'';display:block;
  width:clamp(86px,9.4vw,138px);height:clamp(8px,.9vw,12px);
  margin-top:clamp(7px,.9vw,12px);
  background-color:var(--rosa);
  -webkit-mask:var(--trazo-subrayado) left center/contain no-repeat;
          mask:var(--trazo-subrayado) left center/contain no-repeat;
}
:root:root:root:root:root .trayectoria p{font-size:16.5px;line-height:1.55;color:var(--gris)}
:root:root:root:root:root .trayectoria article{
  --garabato-a:var(--garabato-rayas);   --color-a:var(--tinta);
  --garabato-b:var(--garabato-chispa);  --color-b:var(--tinta);
}
:root:root:root:root:root .trayectoria li:nth-child(2) article{
  --garabato-a:var(--garabato-asterisco);--color-a:var(--rosa);
  --garabato-b:var(--garabato-rayas);    --color-b:#9BC497;
}
:root:root:root:root:root .trayectoria li:nth-child(3) article{
  --garabato-a:var(--garabato-chispa);   --color-a:var(--tinta);
  --garabato-b:var(--garabato-asterisco);--color-b:var(--rosa);
}
:root:root:root:root:root .trayectoria article::before,:root:root:root:root:root .trayectoria article::after{
  content:'';position:absolute;z-index:2;pointer-events:none;
  width:clamp(26px,3vw,44px);height:clamp(26px,3vw,44px);
}
:root:root:root:root:root .trayectoria article::before{
  left:calc(-1 * clamp(13px,1.9vw,32px));top:22%;
  background-color:var(--color-a);
  -webkit-mask:var(--garabato-a) center/contain no-repeat;
          mask:var(--garabato-a) center/contain no-repeat;
}
:root:root:root:root:root .trayectoria article::after{
  right:calc(-1 * clamp(10px,1.8vw,30px));top:16%;
  transform:scaleX(-1);
  background-color:var(--color-b);
  -webkit-mask:var(--garabato-b) center/contain no-repeat;
          mask:var(--garabato-b) center/contain no-repeat;
}
:root:root:root:root:root .trayectoria li + li::before{
  content:'';position:absolute;z-index:2;pointer-events:none;
  left:50%;top:calc(-1 * clamp(50px,6vw,92px));
  width:clamp(150px,18vw,246px);height:clamp(44px,5.2vw,74px);
  transform:translateX(-50%);
  background-color:#EDA3B1;
  -webkit-mask:var(--flecha-curva) center/contain no-repeat;
          mask:var(--flecha-curva) center/contain no-repeat;
}
:root:root:root:root:root .trayectoria li:nth-child(3)::before{transform:translateX(-50%) scaleX(-1)}
:root:root:root:root:root .panel-asesoria{
  position:relative;overflow:hidden;
  background:var(--tinta);color:var(--crema);
  border-radius:clamp(26px,3vw,42px);
  padding:clamp(31px,4.4vw,66px);
  margin:0 auto;
}
:root:root:root:root:root .panel-asesoria .sobretitulo{color:var(--rosa-claro)}
:root:root:root:root:root .panel-asesoria .precio,:root:root:root:root:root .panel-asesoria h2,:root:root:root:root:root .panel-asesoria h4{color:var(--crema)}
:root:root:root:root:root .panel-lead{
  font-size:clamp(16.5px,1.8vw,19px);line-height:1.55;color:#C9C0C1;
  max-width:52ch;margin-top:16px;
}
:root:root:root:root:root .panel-lead strong{color:var(--crema);font-weight:700}
:root:root:root:root:root .panel-interior{
  display:grid;grid-template-columns:1.25fr .78fr;
  gap:clamp(30px,4.5vw,64px);align-items:center;
}
:root:root:root:root:root .panel-cabeza{max-width:46ch}
:root:root:root:root:root .panel-oferta{
  border-left:1px solid rgba(253,247,244,.18);
  padding-left:clamp(26px,3.4vw,48px);
}
:root:root:root:root:root .precio{
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(40px,4.6vw,58px);line-height:1;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .desglose{
  margin-top:16px;font-size:15px;line-height:1.5;color:#C9C0C1;
  max-width:34ch;
}
:root:root:root:root:root .desglose strong{color:var(--crema)}
:root:root:root:root:root .panel-oferta .btn{margin-top:22px}
:root:root:root:root:root .precio small{
  font-family:var(--texto);font-size:14px;font-weight:700;display:block;
  margin-top:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rosa-claro);
}
:root:root:root:root:root .detalles{margin:clamp(40px,4.8vw,70px) auto 0}
:root:root:root:root:root .detalles-rejilla{
  display:grid;grid-template-columns:.82fr 1.18fr;
  gap:clamp(28px,4vw,68px);align-items:start;
}
:root:root:root:root:root .detalles-lado{position:sticky;top:clamp(98px,13vh,132px)}
:root:root:root:root:root .detalles-lado h3{
  font-size:clamp(28px,3.4vw,46px);line-height:1;
  
  margin-bottom:clamp(24px,3vw,32px);
}
:root:root:root:root:root .detalles-pila{display:grid;gap:clamp(15px,1.9vw,22px)}
:root:root:root:root:root .tarjeta-sesion{
  --circulo:clamp(50px,4.8vw,66px);--hueco-c:clamp(15px,1.8vw,24px);
  background:var(--blanco);border-radius:var(--radio);
  box-shadow:var(--sombra-tarjeta);padding:clamp(26px,3.1vw,42px);
}
:root:root:root:root:root .tarjeta-sesion{
  --progreso:0;
  opacity:calc(1 - var(--progreso));
  transform:translateY(calc(100% * var(--progreso)));
  transform-origin:center bottom;
}
:root:root:root:root:root .sesion-cabeza{
  display:grid;grid-template-columns:auto 1fr;
  gap:var(--hueco-c);align-items:center;
  margin-bottom:clamp(18px,2.2vw,26px);
}
:root:root:root:root:root .sesion-num{
  width:var(--circulo);aspect-ratio:1;border-radius:50%;
  background:var(--rosa-claro);color:var(--tinta);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(16px,1.7vw,20px);
  font-variation-settings:'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .tarjeta-sesion h4{
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(20px,2.3vw,30px);line-height:1.1;letter-spacing:-.01em;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .tarjeta-sesion ul{
  list-style:none;display:grid;gap:9px;
  margin-left:calc(var(--circulo) + var(--hueco-c));
}
:root:root:root:root:root .tarjeta-sesion ul li{
  position:relative;padding-left:18px;
  font-size:15.5px;line-height:1.5;color:var(--gris);
}
:root:root:root:root:root .tarjeta-sesion ul li::before{
  content:'';position:absolute;left:0;top:10px;
  width:6px;height:6px;border-radius:50%;background:var(--rosa-claro);
}
:root:root:root:root:root .detalles-cierre{
  position:relative;z-index:1;background:var(--crema);
  padding-top:clamp(34px,4vw,54px);
}
:root:root:root:root:root .para-ti{
  max-width:820px;margin:0 auto;
  background:var(--blanco);border:0;border-radius:var(--radio);
  box-shadow:var(--sombra-tarjeta);padding:clamp(28px,3vw,40px);
}
:root:root:root:root:root .para-ti h4{font-family:var(--mc-display);font-size:21px;margin-bottom:18px;font-weight:700;text-align:center}
:root:root:root:root:root .para-ti .check{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px 32px}
:root:root:root:root:root .check{list-style:none;display:grid;gap:9px}
:root:root:root:root:root .check li{display:flex;gap:11px;font-size:15.5px;line-height:1.45;color:var(--gris);align-items:flex-start}
:root:root:root:root:root .check li::before{
  content:'';flex:0 0 auto;width:15px;height:15px;margin-top:4px;
  background-color:var(--tinta);
  -webkit-mask:var(--marca-check) center/contain no-repeat;
          mask:var(--marca-check) center/contain no-repeat;
}
:root:root:root:root:root .camino-b .check li::before{background-color:var(--crema)}
:root:root:root:root:root .sesion{padding-left:0}
:root:root:root:root:root .incluye{border-top:1px solid rgba(36,31,32,.14)}
:root:root:root:root:root .camino-b .incluye{border-top-color:rgba(253,247,244,.18)}
:root:root:root:root:root .incluye summary{
  list-style:none;cursor:pointer;
  display:flex;gap:14px;align-items:center;
  padding:14px 0;font-size:15px;font-weight:800;
}
:root:root:root:root:root .incluye summary::-webkit-details-marker{display:none}
:root:root:root:root:root .incluye summary .cuantos{font-weight:600;opacity:.6}
:root:root:root:root:root .incluye summary::after{
  content:'';margin-left:auto;flex:0 0 auto;width:15px;height:15px;
  background-color:currentColor;transition:transform .25s ease;
  -webkit-mask:var(--marca-chevron) center/contain no-repeat;
          mask:var(--marca-chevron) center/contain no-repeat;
}
:root:root:root:root:root .incluye[open] summary::after{transform:rotate(180deg)}
:root:root:root:root:root .incluye-cuerpo{display:grid;gap:clamp(16px,2vw,22px);padding:2px 0 clamp(18px,2.2vw,24px)}
:root:root:root:root:root .sesion .etiqueta{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--tinta);text-transform:uppercase;margin-bottom:6px}
:root:root:root:root:root .sesion ul{list-style:none;display:grid;gap:6px}
:root:root:root:root:root .sesion ul li{font-size:15px;line-height:1.45;color:var(--gris);padding-left:16px;position:relative}
:root:root:root:root:root .sesion ul li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45}
:root:root:root:root:root .panel-pie{margin-top:clamp(30px,4vw,46px)}
:root:root:root:root:root .letra-chica{margin-top:14px;font-size:14px;color:#A79D9F}
:root:root:root:root:root .btn-rosa{background:var(--rosa);color:var(--tinta)}
:root:root:root:root:root .btn-rosa:hover{background:#EE8098}
:root:root:root:root:root .panel-asesoria .sello-circular{
  top:auto;left:-44px;right:auto;bottom:-80px;
  width:150px;
  opacity:1;z-index:0;pointer-events:none;
}
:root:root:root:root:root .panel-asesoria .panel-interior{position:relative;z-index:1}
:root:root:root:root:root .panel-interior{position:relative;z-index:1}
:root:root:root:root:root .carrusel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(8px,2vw,28px)}
:root:root:root:root:root .carrusel-ventana{display:grid;position:relative}
:root:root:root:root:root .diapositiva{
  grid-area:1/1;
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,26px);
  opacity:0;visibility:hidden;transition:opacity .45s ease;
}
:root:root:root:root:root .diapositiva.activa{opacity:1;visibility:visible}
:root:root:root:root:root .cita-card{
  background:var(--blanco);color:var(--tinta);
  box-shadow:var(--sombra-tarjeta);
  border-radius:clamp(22px,2.4vw,32px);
  padding:clamp(28px,3.2vw,44px);
  text-align:center;
  display:flex;flex-direction:column;
}
:root:root:root:root:root .cita-card .cita{
  font-size:clamp(16.5px,1.6vw,19px);line-height:1.55;font-weight:500;
  max-width:42ch;margin:clamp(14px,1.6vw,20px) auto 0;flex:1;
}
:root:root:root:root:root .cita-card .autor-cita{
  margin-top:clamp(22px,2.6vw,32px);font-size:15px;font-weight:700;
}
:root:root:root:root:root .cita-card .autor-cita span{display:block;font-weight:400;opacity:.75;margin-top:4px}
:root:root:root:root:root .autor{
  margin-top:auto;padding-top:clamp(20px,2.4vw,30px);
  display:grid;justify-items:center;gap:11px;
}
:root:root:root:root:root .avatar{
  width:58px;height:58px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;
  background:var(--rosa);color:var(--blanco);
  font-family:var(--mc-display);font-weight:800;font-size:24px;line-height:1;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .avatar img{width:100%;height:100%;object-fit:cover;display:block}
:root:root:root:root:root .autor .autor-cita{margin-top:0}
:root:root:root:root:root .autor-cita a{
  color:inherit;text-decoration:none;
  display:inline-flex;align-items:center;gap:6px;
  border-bottom:2px solid transparent;transition:border-color .18s,color .18s;
}
:root:root:root:root:root .autor-cita a:hover{color:var(--rosa-texto);border-bottom-color:currentColor}
:root:root:root:root:root .autor-cita a:focus-visible{outline:3px solid var(--rosa);outline-offset:3px;border-radius:4px}
:root:root:root:root:root .autor-cita .ig{width:15px;height:15px;flex:0 0 auto;opacity:.65}
:root:root:root:root:root .autor-cita a:hover .ig{opacity:1}
:root:root:root:root:root .diapositiva.sola{grid-template-columns:minmax(0,1fr)}
:root:root:root:root:root .diapositiva.sola .cita-card{max-width:620px;margin:0 auto}
:root:root:root:root:root .cita-card .comilla{
  display:block;font-family:var(--mc-display);font-weight:800;
  font-size:clamp(78px,8.4vw,126px);line-height:.6;height:.42em;
  color:var(--rosa-claro);
}
:root:root:root:root:root .carrusel-pie{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin-top:clamp(20px,2.4vw,28px);
}
:root:root:root:root:root .flecha{
  background:none;border:0;cursor:pointer;color:var(--tinta);
  
  width:clamp(34px,4vw,54px);padding:12px 0;line-height:0;
  transition:transform .2s ease;
}
:root:root:root:root:root .flecha:hover{transform:scale(1.12)}
:root:root:root:root:root .flecha svg{width:100%;height:auto}
:root:root:root:root:root .flecha path{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:820px){:root:root:root:root:root .carrusel{
    grid-template-columns:1fr 1fr;
    grid-template-areas:"ventana ventana" "antes despues";
    gap:clamp(6px,1.6vw,12px) clamp(24px,8vw,40px);
  }
:root:root:root:root:root .carrusel-ventana{grid-area:ventana}
:root:root:root:root:root #citaAnterior{grid-area:antes;justify-self:end}
:root:root:root:root:root #citaSiguiente{grid-area:despues;justify-self:start}}
:root:root:root:root:root .puntos{display:flex;gap:1px}
:root:root:root:root:root .puntos button{
  width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;
  display:grid;place-items:center;
}
:root:root:root:root:root .puntos button::before{
  content:'';width:9px;height:9px;border-radius:50%;
  background:rgba(36,31,32,.22);transition:background .2s,transform .2s;
}
:root:root:root:root:root .puntos button[aria-current="true"]::before{background:var(--tinta);transform:scale(1.25)}
:root:root:root:root:root .caminos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:24px;align-items:stretch}
:root:root:root:root:root .camino{background:var(--blanco);border-radius:var(--radio);padding:clamp(25px,2.8vw,33px);border:0;box-shadow:var(--sombra-tarjeta);display:flex;flex-direction:column}
:root:root:root:root:root .camino-b{background:var(--tinta);color:var(--crema)}
:root:root:root:root:root .camino-b .check li,:root:root:root:root:root .camino-b .sesion ul li{color:#C9C0C1}
:root:root:root:root:root .camino-b .sesion .etiqueta{color:var(--crema)}
:root:root:root:root:root .camino-etiqueta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--menta);color:var(--tinta);padding:7px 16px;border-radius:100px;margin-bottom:18px;width:fit-content}
:root:root:root:root:root .camino-b .camino-etiqueta{background:var(--amarillo)}
:root:root:root:root:root .camino h3{margin-bottom:8px}
:root:root:root:root:root .camino-promesa{color:var(--gris);font-size:16.5px;line-height:1.5}
:root:root:root:root:root .camino-b .camino-promesa{color:#C9C0C1}
:root:root:root:root:root .camino .contenido{display:grid;gap:clamp(18px,2.2vw,24px);margin-bottom:clamp(20px,2.4vw,26px)}
:root:root:root:root:root .camino .sub{font-family:var(--mc-display);font-size:18px;margin-bottom:10px;font-weight:700}
:root:root:root:root:root .camino-pie{
  margin-top:auto;padding-top:clamp(20px,2.4vw,28px);
  border-top:1px solid rgba(36,31,32,.14);
  display:grid;gap:16px;
}
:root:root:root:root:root .camino-b .camino-pie{border-top-color:rgba(253,247,244,.18)}
:root:root:root:root:root .camino .inversion{font-family:var(--mc-display);font-size:clamp(26px,2.8vw,32px);font-weight:700;line-height:1}
:root:root:root:root:root .camino-b .inversion{color:var(--crema)}
:root:root:root:root:root .camino .inversion .periodo{font-family:var(--texto);font-size:15px;font-weight:600}
:root:root:root:root:root .camino .btn{justify-content:center}
:root:root:root:root:root .aviso-cupos{
  display:flex;gap:11px;align-items:flex-start;
  background:rgba(253,247,244,.07);border-radius:var(--radio-s);
  padding:13px 16px;font-size:14px;line-height:1.45;color:var(--crema);
}
:root:root:root:root:root .aviso-cupos svg{
  flex:0 0 auto;width:20px;height:20px;margin-top:2px;
  fill:none;stroke:var(--amarillo);stroke-width:2;stroke-linecap:round;
}
:root:root:root:root:root .aviso-cupos svg .punto{fill:var(--amarillo);stroke:none}
:root:root:root:root:root .panel-faq{
  position:relative;
  display:grid;grid-template-columns:.82fr 1.18fr;
  gap:clamp(28px,4vw,60px);align-items:center;
}
:root:root:root:root:root .faq-ilustracion{position:relative;z-index:1;display:flex;justify-content:center}
:root:root:root:root:root .faq-ilustracion svg{width:min(100%,320px);height:auto}
:root:root:root:root:root .faq-ilustracion .burbuja-a{fill:var(--rosa);stroke:var(--tinta);stroke-width:3.5}
:root:root:root:root:root .faq-ilustracion .burbuja-q{fill:var(--blanco);stroke:var(--tinta);stroke-width:3.5}
:root:root:root:root:root .faq-ilustracion .mancha{fill:var(--azul);opacity:.5}
:root:root:root:root:root .faq-ilustracion .letra{fill:none;stroke:var(--tinta);stroke-width:4.5;stroke-linecap:round}
:root:root:root:root:root .faq-ilustracion .brillo{fill:var(--rosa)}
:root:root:root:root:root .faq-contenido{position:relative;z-index:1}
:root:root:root:root:root .faq-contenido h2{margin-bottom:clamp(20px,2.4vw,30px)}
:root:root:root:root:root .faq-contenido{--sangria-faq:26px}
:root:root:root:root:root .faq-contenido h2{margin-left:var(--sangria-faq)}
:root:root:root:root:root .faq{display:grid;gap:10px}
:root:root:root:root:root .faq details{
  background:var(--blanco);border:0;border-radius:100px;
  box-shadow:var(--sombra-tarjeta);overflow:hidden;transition:border-radius .2s;
}
:root:root:root:root:root .faq details[open]{border-radius:clamp(20px,2vw,28px)}
:root:root:root:root:root .faq summary{
  list-style:none;cursor:pointer;
  padding:16px 18px 16px 26px;display:flex;gap:16px;align-items:center;
  font-size:16px;font-weight:700;line-height:1.35;
}
:root:root:root:root:root .faq summary::-webkit-details-marker{display:none}
:root:root:root:root:root .faq summary::after{
  content:'';margin-left:auto;flex:0 0 auto;
  width:30px;height:30px;border-radius:50%;background:var(--menta);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23241F20' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-size:15px;background-position:center;background-repeat:no-repeat;
  transition:transform .25s ease;
}
:root:root:root:root:root .faq details[open] summary::after{transform:rotate(180deg)}
:root:root:root:root:root .faq .respuesta{padding:0 26px 22px;color:var(--gris);font-size:15.5px;line-height:1.55}
@media (max-width:900px){:root:root:root:root:root .panel-faq{grid-template-columns:1fr;gap:clamp(24px,4vw,36px)}
:root:root:root:root:root .faq-ilustracion svg{width:min(100%,240px)}}
:root:root:root:root:root .cta-final{position:relative;text-align:center;padding:clamp(56px,6.4vw,94px) 0 clamp(62px,7.4vw,102px)}
:root:root:root:root:root .cta-final .contenedor{position:relative;z-index:2}
:root:root:root:root:root .cta-final h2{font-size:clamp(34px,5vw,68px);line-height:1;margin:0 auto 22px;max-width:22ch}
:root:root:root:root:root .cta-final .lead{
  color:var(--tinta);font-weight:600;
  font-size:clamp(17px,1.9vw,21px);margin:0 auto 34px;max-width:36ch;
}
:root:root:root:root:root .cta-acciones{display:flex;justify-content:center;max-width:40ch;margin:0 auto}
:root:root:root:root:root .cta-final .btn{padding:19px 38px;font-size:17px}
:root:root:root:root:root .adornos-cta{position:absolute;inset:0;z-index:1;pointer-events:none}
:root:root:root:root:root .adornos-cta span{
  position:absolute;width:var(--tam);height:var(--tam);
  background-color:var(--tono);
  transform:rotate(var(--giro,0deg));
  -webkit-mask:var(--forma) center/contain no-repeat;
          mask:var(--forma) center/contain no-repeat;
}
:root:root:root:root:root .ad-flor{--forma:var(--flor);              --tono:var(--rosa-claro); --tam:clamp(64px,7.6vw,116px);--giro:6deg;   left:clamp(26px,5vw,96px);   top:44%}
:root:root:root:root:root .ad-chispa{--forma:var(--garabato-chispa);   --tono:var(--tinta);      --tam:clamp(26px,2.8vw,42px); right:clamp(96px,12vw,214px);top:24%}
:root:root:root:root:root .ad-asterisco{--forma:var(--garabato-asterisco);--tono:var(--rosa);      --tam:clamp(22px,2.4vw,36px); --giro:-10deg; right:clamp(84px,10.5vw,186px);top:70%}
@media (max-width:1100px){:root:root:root:root:root .adornos-cta{display:none}}
:root:root:root:root:root footer:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){
  background:var(--tinta);color:var(--crema);
  border-radius:clamp(26px,3vw,42px) clamp(26px,3vw,42px) 0 0;
  padding:clamp(48px,5.4vw,72px) 0 32px;
}
:root:root:root:root:root .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;margin-bottom:48px}
:root:root:root:root:root footer img{width:190px;margin-bottom:20px}
:root:root:root:root:root .sello{font-family:var(--mc-display);font-size:19px;line-height:1.4;max-width:34ch}
:root:root:root:root:root .sello strong{color:var(--rosa-claro);font-weight:800}
:root:root:root:root:root footer h5{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--rosa-claro);margin-bottom:18px}
:root:root:root:root:root footer ul{list-style:none;display:grid;gap:11px;font-size:15px;color:#C9C0C1}
:root:root:root:root:root footer a{text-decoration:none;color:#C9C0C1;transition:color .2s}
:root:root:root:root:root footer a:hover{color:var(--blanco)}
:root:root:root:root:root .footer-base{border-top:1px solid rgba(253,247,244,.14);padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px;color:#A79D9F}
:root:root:root:root:root .cta-flotante{
  position:fixed;left:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,26px);z-index:70;
  display:inline-flex;align-items:center;gap:9px;
  background:var(--tinta);color:var(--crema);
  padding:14px clamp(20px,2.2vw,26px);border-radius:100px;
  font-family:var(--texto);font-weight:700;font-size:15px;
  text-decoration:none;white-space:nowrap;
  box-shadow:0 14px 34px rgba(36,31,32,.28);
  opacity:0;visibility:hidden;transform:translateY(14px);
  transition:opacity .3s ease,transform .3s ease,visibility .3s,background .2s ease;
}
:root:root:root:root:root .cta-flotante.visible{opacity:1;visibility:visible;transform:none}
:root:root:root:root:root .cta-flotante:hover{background:#3A3132}
html:root:root:root:root:root:not(.js) .cta-flotante{display:none}
@media (max-width:640px){:root:root:root:root:root .cta-flotante{
    
    left:12px;right:calc(22px + 58px + 10px);bottom:22px;
    justify-content:center;font-size:15px;padding:15px 16px;
  }}
@media (max-width:360px){:root:root:root:root:root .cta-flotante{font-size:14px;padding:14px 10px}}
:root:root:root:root:root #aplicar{padding-top:0}
:root:root:root:root:root .aplicar-caja{
  max-width:720px;margin:0 auto;
  background:var(--blanco);border-radius:var(--radio);
  box-shadow:var(--sombra-tarjeta);
  padding:clamp(28px,3.2vw,48px);
}
:root:root:root:root:root .aplicar-caja h3{
  font-family:var(--mc-display);font-weight:800;
  font-size:clamp(24px,3vw,38px);line-height:1;margin-bottom:14px;
  text-transform:uppercase;letter-spacing:-.022em;
  font-variation-settings:'opsz' 144,'SOFT' 100,'WONK' 1;
}
:root:root:root:root:root .aplicar-caja .lead{color:var(--gris);font-size:16.5px;line-height:1.55;margin-bottom:clamp(21px,2.4vw,30px)}
:root:root:root:root:root .campos{display:grid;gap:clamp(14px,1.7vw,19px)}
:root:root:root:root:root .campo-par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.7vw,19px)}
:root:root:root:root:root .campo label{
  display:block;font-size:14px;font-weight:700;color:var(--tinta);
  margin-bottom:7px;
}
:root:root:root:root:root .campo label .opcional{font-weight:400;color:var(--gris)}
:root:root:root:root:root .campo input,:root:root:root:root:root .campo textarea{
  width:100%;font-family:var(--texto);font-size:16px;color:var(--tinta);
  background:var(--crema);border:1.5px solid rgba(36,31,32,.14);
  border-radius:14px;padding:13px 15px;
  transition:border-color .18s ease,background .18s ease;
}
:root:root:root:root:root .campo textarea{min-height:92px;resize:vertical;line-height:1.5}
:root:root:root:root:root .campo input:focus,:root:root:root:root:root .campo textarea:focus{
  outline:none;border-color:var(--rosa-texto);background:var(--blanco);
}
:root:root:root:root:root .campo input:focus-visible,:root:root:root:root:root .campo textarea:focus-visible{outline:2px solid var(--rosa-texto);outline-offset:1px}
:root:root:root:root:root .campo .error{display:none;margin-top:6px;font-size:13.5px;font-weight:600;color:#B3213C}
:root:root:root:root:root .campo.mal input,:root:root:root:root:root .campo.mal textarea{border-color:#B3213C;background:#FFF5F6}
:root:root:root:root:root .campo.mal .error{display:block}
:root:root:root:root:root .consentimiento{
  display:flex;gap:11px;align-items:flex-start;
  font-size:14px;line-height:1.5;color:var(--gris);
}
:root:root:root:root:root .consentimiento input{width:19px;height:19px;flex:0 0 auto;margin-top:2px;accent-color:var(--rosa-texto)}
:root:root:root:root:root .consentimiento a{color:var(--rosa-texto);font-weight:700}
:root:root:root:root:root .aplicar-pie{margin-top:clamp(20px,2.3vw,27px);display:grid;gap:14px;justify-items:start}
:root:root:root:root:root .aplicar-pie .btn{justify-content:center}
:root:root:root:root:root .aviso-envio{font-size:14.5px;line-height:1.5;margin:0}
:root:root:root:root:root .aviso-envio.ok{color:#1F6B3A;font-weight:700}
:root:root:root:root:root .aviso-envio.fallo{color:#B3213C;font-weight:700}
@media (max-width:640px){:root:root:root:root:root .campo-par{grid-template-columns:1fr}}
:root:root:root:root:root .trampa{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
:root:root:root:root:root #modalAplicar{
  width:min(720px,calc(100vw - 28px));
  padding:0;border:0;background:transparent;margin:auto;
  overflow:visible;
}
:root:root:root:root:root #modalAplicar::backdrop{background:rgba(36,31,32,.58)}
:root:root:root:root:root #formAplicar[aria-busy="true"]{opacity:.62;cursor:progress}
:root:root:root:root:root #formAplicar[aria-busy="true"] *{cursor:progress}
:root:root:root:root:root #modalAplicar .aplicar-caja{
  margin:0;max-height:min(88vh,920px);overflow-y:auto;
  position:relative;
}
:root:root:root:root:root .cerrar-modal{
  position:absolute;top:14px;right:14px;z-index:2;
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;
  background:var(--crema);border:0;color:var(--tinta);
  font-size:22px;line-height:1;
  transition:background .18s;
}
:root:root:root:root:root .cerrar-modal:hover{background:#EFE7E3}
:root:root:root:root:root .cerrar-modal:focus-visible{outline:3px solid var(--rosa);outline-offset:2px}
:root:root:root:root:root #modalAplicar[open]{animation:entraModal .22s ease}
:root:root:root:root:root #modalAplicar[open]::backdrop{animation:entraFondo .22s ease}
@keyframes entraModal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes entraFondo{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){:root:root:root:root:root #modalAplicar[open],:root:root:root:root:root #modalAplicar[open]::backdrop{animation:none}}
:root:root:root:root:root.con-js #aplicar{display:none}
html:root:root:root:root:root.sin-scroll,html:root:root:root:root:root.sin-scroll body{overflow:hidden}
:root:root:root:root:root .solo-estrecho{display:none}
:root:root:root:root:root .solo-ancho{display:inline}
:root:root:root:root:root .wa{
  position:fixed;right:22px;bottom:22px;z-index:80;
  width:58px;height:58px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(36,31,32,.26);text-decoration:none;transition:transform .2s;
}
:root:root:root:root:root .wa:hover{transform:scale(1.07)}
:root:root:root:root:root .wa svg{width:30px;height:30px;fill:#fff}
:root:root:root:root:root.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
:root:root:root:root:root .reveal.visible{opacity:1;transform:none}
@media (max-width:980px){:root:root:root:root:root .sobre-rejilla{grid-template-columns:1fr}
:root:root:root:root:root .detalles-rejilla{grid-template-columns:1fr}
:root:root:root:root:root .detalles-lado{position:static}
:root:root:root:root:root .trayectoria article{grid-template-columns:1fr;gap:18px}
:root:root:root:root:root .trayectoria li:nth-child(even) .etapa-texto,:root:root:root:root:root .trayectoria li:nth-child(even) .etapa-foto{grid-area:auto}
:root:root:root:root:root .trayectoria li:nth-child(1) article,:root:root:root:root:root .trayectoria li:nth-child(2) article,:root:root:root:root:root .trayectoria li:nth-child(3) article{transform:none}
:root:root:root:root:root .trayectoria li + li{margin-top:clamp(40px,7vw,56px)}
:root:root:root:root:root .trayectoria li + li::before,:root:root:root:root:root .trayectoria article::before,:root:root:root:root:root .trayectoria article::after{display:none}
:root:root:root:root:root .etapa-texto{--lado-num:clamp(50px,13vw,64px);padding-top:0}
:root:root:root:root:root .etapa-num{
    position:relative;top:auto;left:auto;margin-bottom:14px;
  }
:root:root:root:root:root .panel-interior{grid-template-columns:1fr;gap:30px}
:root:root:root:root:root .panel-oferta{border-left:0;border-top:1px solid rgba(253,247,244,.18);padding-left:0;padding-top:30px}
:root:root:root:root:root .panel-asesoria .sello-circular{display:none}
:root:root:root:root:root .panel-cabeza{max-width:100%}
:root:root:root:root:root .footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:820px){:root:root:root:root:root .diapositiva{grid-template-columns:1fr}}
@media (max-width:920px){:root:root:root:root:root .nav-barra{grid-template-columns:1fr auto;padding:8px 10px 8px 16px}
:root:root:root:root:root header.compacta .nav-barra{padding:10px 14px 10px 20px}
:root:root:root:root:root .nav-barra nav.izq,:root:root:root:root:root .nav-barra nav.der{display:none}
:root:root:root:root:root .logo{justify-self:start}
:root:root:root:root:root .menu-btn{display:block}
:root:root:root:root:root .menu-movil.abierto{
    display:block;width:100%;margin:10px auto 0;
    background:var(--blanco);border:1px solid rgba(36,31,32,.09);
    border-radius:var(--radio);padding:18px 22px 22px;
    box-shadow:0 14px 34px -22px rgba(36,31,32,.45);
  }
:root:root:root:root:root .menu-movil ul{list-style:none;display:grid;gap:16px;font-size:17px;font-weight:600}
:root:root:root:root:root .menu-movil a{text-decoration:none}
:root:root:root:root:root .menu-movil .btn{justify-content:center;margin-top:6px}}
@media (max-width:560px){:root:root:root:root:root .tarjeta-sesion ul{margin-left:0}}
@media (max-width:640px){:root:root:root:root:root .hero h1 span.linea{display:inline}
:root:root:root:root:root .hero h1 span.linea.bloque{
    display:inline;margin-top:0;
    -webkit-box-decoration-break:clone;box-decoration-break:clone;
  }
:root:root:root:root:root .hero h1.display{line-height:1.28}
:root:root:root:root:root .camino-pie .btn,:root:root:root:root:root .panel-oferta .btn{
    white-space:nowrap;
    width:100%;max-width:100%;overflow:hidden;
    padding:14px 14px;gap:7px;
  }
:root:root:root:root:root .solo-ancho{display:none}
:root:root:root:root:root .solo-estrecho{display:inline}
:root:root:root:root:root .panel-oferta{text-align:center}
:root:root:root:root:root .panel-oferta .desglose{margin-left:auto;margin-right:auto}}
@media (max-width:820px){:root:root:root:root:root .escalera{--monta:0px;gap:clamp(16px,2.4vw,24px)}
:root:root:root:root:root .escalera li:nth-child(1),:root:root:root:root:root .escalera li:nth-child(2),:root:root:root:root:root .escalera li:nth-child(3){--giro:0deg;--desnivel:0px}}
@media (max-width:819px){:root:root:root:root:root .sticker-der{display:none}}
@media (max-width:819px), (max-aspect-ratio:5/4){:root:root:root:root:root .hero{flex-direction:column;align-items:stretch}
:root:root:root:root:root .sticker-izq{position:relative;order:2;align-self:flex-start;top:auto;bottom:auto;margin-top:36px}}
@media (max-width:760px){:root:root:root:root:root .footer-grid{grid-template-columns:1fr;gap:34px}
:root:root:root:root:root .faq .respuesta{padding-left:28px}
:root:root:root:root:root .faq summary{font-size:17px;padding:20px}}
@media (prefers-reduced-motion:reduce){:root:root:root:root:root *:where(:not(.mcb-\73 elector, .mcb-\73 elector *)){animation:none!important;transition:none!important}
html:root:root:root:root:root{scroll-behavior:auto}
:root:root:root:root:root.js .reveal{opacity:1;transform:none}
:root:root:root:root:root.js .escalera li{opacity:1;transform:rotate(var(--giro)) translateY(var(--desnivel))}}/* End custom CSS */