/* Boost Your Web — generado desde Figma "Pagina Venta BYW 2"
   Desktop: lienzo de 1440px (reescalado desde 1956) · Mobile: 390px

   --u es la unidad del lienzo: 1 unidad de diseño en pixeles de pantalla.
   Como --b no lleva unidad, 100vw / var(--b) SI es una longitud valida, y
   numero * longitud tambien lo es. Nada de transform:scale() con px, que es
   justo lo que rompia la version anterior. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#08070C;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:none}
a{text-decoration:none;color:inherit}

.maq--d{--u:calc(100vw / 1440)}
.maq--m{--u:calc(100vw / 390)}

.s{position:relative;width:100%;overflow:hidden;
   height:calc(var(--sh) * var(--u))}
.s--scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.s--scroll::-webkit-scrollbar{height:6px}
.s--scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:99px}
.maq{position:relative;overflow:hidden}
.lz{position:relative;overflow:hidden;
    width:calc(var(--sw) * var(--u));
    height:calc(var(--sh) * var(--u))}

.e,.t{position:absolute;
      left:calc(var(--x) * var(--u));
      top:calc(var(--y) * var(--u));
      width:calc(var(--w) * var(--u))}
.e{height:calc(var(--h) * var(--u));object-fit:cover;
   /* Todo va en posicion absoluta: sin esto, lo dibujado despues tapa al
      carrusel y se traga el deslizamiento. */
   pointer-events:none}
.t{margin:0;
   font-size:calc(var(--fs) * var(--u));
   line-height:calc(var(--lh) * var(--u));
   letter-spacing:calc(var(--ls, 0) * var(--u))}
.t{pointer-events:none;z-index:1}  /* encima de los resplandores con mix-blend-mode, que tenian de morado al texto negro */
.parr{display:block;height:.9em}
a.t{pointer-events:auto;cursor:pointer;transition:filter .15s ease;z-index:4}
a.boton{display:flex;align-items:center;justify-content:center;min-height:calc(var(--h) * var(--u));height:auto;padding:calc(6 * var(--u)) calc(14 * var(--u));text-align:center;
   box-sizing:border-box;transition:filter .15s ease,transform .15s ease}
a.boton:hover{filter:brightness(1.1);transform:translateY(calc(-1 * var(--u)))}
a.t:hover{filter:brightness(1.12)}

.timer{position:absolute;z-index:2;display:flex;align-items:center;gap:calc(var(--sep) * var(--u));
     left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));
     width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));
     font-family:'Unbounded',system-ui,sans-serif;font-weight:800;color:#7D2DF5;
     font-size:calc(var(--fs) * var(--u));font-variant-numeric:tabular-nums}
.tm-caja{display:flex;align-items:center;justify-content:center;background:#fff;
     width:calc(var(--caja) * var(--u));height:calc(var(--caja) * var(--u));
     border-radius:calc(9.2 * var(--u));box-shadow:0 calc(6 * var(--u)) calc(20 * var(--u)) rgba(0,0,0,.18)}
.tm-sep{width:calc(var(--sep) * var(--u));text-align:center;margin:0 calc(-1 * var(--sep) * var(--u))}
.svgbox{position:absolute;pointer-events:none;
     left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));
     width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}
.svgbox svg{width:100%;height:100%;display:block;overflow:visible}
.rec{position:absolute;overflow:hidden;pointer-events:none;
     left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));
     width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}
.rec > .e{position:absolute}
.btn-zona{position:absolute;z-index:8;display:block;cursor:pointer;
     left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));
     width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}
.carr{position:absolute;z-index:3;pointer-events:auto;touch-action:pan-x;
      left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));
      width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));
      overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;
      -webkit-overflow-scrolling:touch;scrollbar-width:none}
.carr::-webkit-scrollbar{display:none}
.carr-in{position:relative;
         width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}

.maq--m{display:block}
.maq--d{display:none}
@media (min-width:900px){
  .maq--m{display:none}
  .maq--d{display:block}
}

/* "Este programa es para ti si..." — el diseño ya trae una pastilla con el
   degradado morado-rosa-naranja: no es una excepcion, es el estado activo.
   Aqui se le da a las diez, encendiendolo al pasar el raton. */
.pastilla{position:absolute;z-index:5;display:flex;
   align-items:center;justify-content:center;text-align:center;color:#fff;
   font-family:'Raleway',system-ui,sans-serif;
   left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));
   width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));
   border-radius:calc(var(--rad) * var(--u));
   font-size:calc(var(--fs) * var(--u));line-height:calc(var(--lh) * var(--u));
   transition:transform .25s ease, box-shadow .25s ease;
   isolation:isolate}
.pastilla p{margin:0}
.pastilla b{font-weight:700}
.pastilla span{font-weight:400}
/* El degradado va en una capa aparte: animar background-image no interpola,
   pero la opacidad de una capa encima si. */
.pastilla::before{content:"";position:absolute;inset:0;z-index:-1;
   border-radius:inherit;opacity:0;transition:opacity .28s ease;
   background:linear-gradient(90deg,#7D2DF5 0%,#F01E5A 50%,#FBAA47 100%)}
.pastilla:hover::before,.pastilla:focus-visible::before{opacity:1}
.pastilla:hover,.pastilla:focus-visible{
   transform:scale(1.015);outline:none;
   box-shadow:0 calc(6 * var(--u)) calc(26 * var(--u)) rgba(240,30,90,.35)}
@media (prefers-reduced-motion:reduce){
  .pastilla{transition:none}
  .pastilla::before{transition:none}
  .pastilla:hover{transform:none}
}
.testis-d{background:linear-gradient(180deg,#7D2DF5 0%,#FFFFFF 100%);padding:calc(79.00 * var(--u)) 0 calc(90.00 * var(--u));overflow:hidden}.testis-d .testis-tit{margin:0 auto calc(44.00 * var(--u));width:calc(1136.00 * var(--u));text-align:center;font-family:'Unbounded',system-ui,sans-serif;font-weight:800;font-size:calc(41.81 * var(--u));line-height:calc(48.42 * var(--u));color:#FFFFFF;white-space:pre-wrap}.testis-d .testis-fila{overflow:hidden;width:100%;height:calc(600.00 * var(--u))}.testis-d .testis-pista{display:flex;align-items:center;gap:calc(22.00 * var(--u));width:max-content;height:100%;padding-right:calc(22.00 * var(--u));animation:testis-izq 110s linear infinite;will-change:transform}.testis-d .testis-fila:hover .testis-pista{animation-play-state:paused}.testis-d .testi{flex:0 0 auto;display:block;border-radius:calc(18.00 * var(--u));box-shadow:0 calc(6.00 * var(--u)) calc(18.00 * var(--u)) rgba(30,10,60,.18);background:#fff}.testis-d .testi--ancha{box-sizing:content-box;padding:calc(17.60 * var(--u)) calc(22.00 * var(--u));background:#FBFAF8}@keyframes testis-izq{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.testis-d .testis-pista{animation:none}}
.oferta-d{background:#08070C;padding:calc(114.00 * var(--u)) 0 calc(110.00 * var(--u));font-family:'Unbounded',system-ui,sans-serif;color:#fff}.oferta-d .of-tit{margin:0 auto calc(40.00 * var(--u));width:calc(1108.00 * var(--u));text-align:center;font-weight:800;font-size:calc(40.00 * var(--u));line-height:calc(48.00 * var(--u))}.oferta-d .of-marca{color:#C9A6FF;font-weight:800}.oferta-d .of-card{margin:0 auto;width:calc(1108.00 * var(--u));box-sizing:border-box;padding:calc(48.00 * var(--u));border-radius:calc(40.00 * var(--u));background:linear-gradient(166deg, rgba(142,31,184,1) 12.58%, rgba(196,36,154,1) 44.72%, rgba(75,42,219,1) 84.01%)}.oferta-d .of-mock{background:#fff;border-radius:calc(30.00 * var(--u));height:calc(520.00 * var(--u));display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:calc(44.00 * var(--u))}.oferta-d .of-mock img{width:96%;height:96%;object-fit:contain}.oferta-d .of-lista{list-style:none;margin:0;padding:0}.oferta-d .of-sub{margin:calc(34.00 * var(--u)) 0 calc(20.00 * var(--u));text-align:center;font-weight:700;font-size:calc(22.00 * var(--u))}.oferta-d .of-bala--llena{background:rgba(255,255,255,.9);border-color:transparent}.oferta-d .of-stack{margin-top:0}.oferta-d .of-precio{opacity:1}.oferta-d .of-lista li{display:flex;align-items:center;gap:calc(18.00 * var(--u));padding:calc(10.00 * var(--u)) 0;font-size:calc(19.00 * var(--u));line-height:calc(27.00 * var(--u));font-weight:500;color:rgba(255,255,255,.95)}.oferta-d .of-bala{flex:0 0 auto;width:calc(16.00 * var(--u));height:calc(16.00 * var(--u));border-radius:50%;border:calc(1.78 * var(--u)) solid rgba(255,255,255,.85)}.oferta-d .of-txt{flex:1 1 auto}.oferta-d .of-precio{flex:0 0 auto;font-weight:800;color:#F3C6FF;font-size:calc(19.00 * var(--u))}.oferta-d s.of-precio{text-decoration:line-through;text-decoration-thickness:calc(2.00 * var(--u));opacity:.85}.oferta-d .of-total{display:flex;justify-content:space-between;align-items:center;margin:calc(34.00 * var(--u)) 0 0;padding-top:calc(20.40 * var(--u));border-top:calc(1.00 * var(--u)) solid rgba(255,255,255,.25);font-weight:700;font-size:calc(22.00 * var(--u))}.oferta-d .of-total s{color:#F3C6FF;text-decoration-thickness:calc(2.00 * var(--u))}.oferta-d .of-hoy{margin:calc(22.00 * var(--u)) 0 0;text-align:center;font-weight:800;font-size:calc(56.00 * var(--u));line-height:calc(64.00 * var(--u))}.oferta-d .of-hoy span{font-weight:500;font-size:calc(22.00 * var(--u));display:block;opacity:.85}.oferta-d .of-cierre{margin:calc(15.40 * var(--u)) 0 0;text-align:center;font-weight:500;font-size:calc(17.00 * var(--u));line-height:1.45;color:rgba(255,255,255,.85)}.oferta-d .of-cta{display:flex;align-items:center;justify-content:center;margin:calc(34.00 * var(--u)) auto 0;width:calc(376.00 * var(--u));height:calc(76.00 * var(--u));border-radius:999px;background:linear-gradient(90deg,#7D2DF5 0%,#F01E5A 100%);color:#fff;box-shadow:0 calc(8.00 * var(--u)) calc(28.00 * var(--u)) rgba(240,30,90,.35);font-weight:800;font-size:calc(19.50 * var(--u));text-decoration:none;transition:filter .15s ease,transform .15s ease}.oferta-d .of-cta:hover{filter:brightness(1.08);transform:translateY(calc(-1 * var(--u)))}
.muro-d{background:#08070C;padding:calc(60.00 * var(--u)) 0;overflow:hidden;display:flex;flex-direction:column;gap:calc(14.00 * var(--u))}.muro-d .muro-fila{overflow:hidden;width:100%;height:calc(137.00 * var(--u))}.muro-d .muro-pista{display:flex;width:max-content;height:100%;will-change:transform}.muro-d .muro-pista img{height:100%;width:auto;display:block}.muro-d .muro-fila--izq .muro-pista{animation:muro-izq 70s linear infinite}.muro-d .muro-fila--der .muro-pista{animation:muro-der 70s linear infinite}.muro-d .muro-fila:hover .muro-pista{animation-play-state:paused}@keyframes muro-izq{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes muro-der{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.muro-d .muro-pista{animation:none}}
.faq-d{background:#08070C;padding:calc(95.6 * var(--u)) 0 calc(94.9 * var(--u))}.faq-d .faq-in{margin-left:calc(149.4 * var(--u));width:calc(1135.7 * var(--u))}.faq-d .faq-tit{margin:0;font-family:'Unbounded',system-ui,sans-serif;font-weight:800;font-size:calc(37.86 * var(--u));line-height:calc(43.54 * var(--u));color:#FFFFFF;white-space:pre}.faq-d .faq-sub{margin:calc(17.9 * var(--u)) 0 calc(17.9 * var(--u));font-family:'Unbounded',system-ui,sans-serif;font-weight:500;font-size:calc(16.94 * var(--u));line-height:calc(25.40 * var(--u));color:rgba(255,255,255,0.550)}.faq-d .faq-it{border-top:calc(1 * var(--u)) solid rgba(255,255,255,0.09)}.faq-d .faq-it:last-child{border-bottom:calc(1 * var(--u)) solid rgba(255,255,255,0.09)}.faq-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:calc(24.0 * var(--u));padding:calc(24.0 * var(--u)) 0}.faq-d summary::-webkit-details-marker{display:none}.faq-d .faq-q{font-family:'Unbounded',system-ui,sans-serif;font-weight:700;font-size:calc(16.44 * var(--u));line-height:calc(24.66 * var(--u));color:#FFFFFF}.faq-d .faq-mas{font-family:'Unbounded',system-ui,sans-serif;font-weight:700;font-size:calc(21.92 * var(--u));line-height:calc(32.88 * var(--u));color:#FFC93C;flex:0 0 auto}.faq-d .faq-mas::before{content:'+'}.faq-d .faq-it[open] .faq-mas::before{content:'–'}.faq-d .faq-a{font-family:'Unbounded',system-ui,sans-serif;font-weight:500;font-size:calc(14.94 * var(--u));line-height:calc(24.66 * var(--u));color:rgba(255,255,255,0.550);padding:0 0 calc(22.0 * var(--u));white-space:pre-line}
.testis-m{background:linear-gradient(180deg,#7D2DF5 0%,#FFFFFF 100%);padding:calc(40.00 * var(--u)) 0 calc(60.00 * var(--u));overflow:hidden}.testis-m .testis-tit{margin:0 auto calc(28.00 * var(--u));width:calc(350.00 * var(--u));text-align:center;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:calc(26.00 * var(--u));line-height:calc(29.90 * var(--u));color:#FFFFFF;white-space:pre-wrap}.testis-m .testis-fila{overflow:hidden;width:100%;height:calc(400.00 * var(--u))}.testis-m .testis-pista{display:flex;align-items:center;gap:calc(12.00 * var(--u));width:max-content;height:100%;padding-right:calc(12.00 * var(--u));animation:testis-izq 50s linear infinite;will-change:transform}.testis-m .testis-fila:hover .testis-pista{animation-play-state:paused}.testis-m .testi{flex:0 0 auto;display:block;border-radius:calc(12.00 * var(--u));box-shadow:0 calc(6.00 * var(--u)) calc(18.00 * var(--u)) rgba(30,10,60,.18);background:#fff}.testis-m .testi--ancha{box-sizing:content-box;padding:calc(9.60 * var(--u)) calc(12.00 * var(--u));background:#FBFAF8}@keyframes testis-izq{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.testis-m .testis-pista{animation:none}}
.oferta-m{background:#08070C;padding:calc(43.00 * var(--u)) 0 calc(70.00 * var(--u));font-family:'Unbounded',system-ui,sans-serif;color:#fff}.oferta-m .of-tit{margin:0 auto calc(29.00 * var(--u));width:calc(356.00 * var(--u));text-align:center;font-weight:800;font-size:calc(26.00 * var(--u));line-height:calc(29.90 * var(--u))}.oferta-m .of-marca{color:#C9A6FF;font-weight:800}.oferta-m .of-card{margin:0 auto;width:calc(356.00 * var(--u));box-sizing:border-box;padding:calc(23.00 * var(--u));border-radius:calc(19.68 * var(--u));background:linear-gradient(166deg, rgba(142,31,184,1) 12.58%, rgba(196,36,154,1) 44.72%, rgba(75,42,219,1) 84.01%)}.oferta-m .of-mock{background:#fff;border-radius:calc(14.43 * var(--u));height:calc(203.00 * var(--u));display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:calc(28.00 * var(--u))}.oferta-m .of-mock img{width:96%;height:96%;object-fit:contain}.oferta-m .of-lista{list-style:none;margin:0;padding:0}.oferta-m .of-sub{margin:calc(26.00 * var(--u)) 0 calc(12.00 * var(--u));text-align:center;font-weight:700;font-size:calc(17.00 * var(--u))}.oferta-m .of-bala--llena{background:rgba(255,255,255,.9);border-color:transparent}.oferta-m .of-stack{margin-top:0}.oferta-m .of-precio{opacity:1}.oferta-m .of-lista li{display:flex;align-items:center;gap:calc(8.00 * var(--u));padding:calc(6.00 * var(--u)) 0;font-size:calc(14.00 * var(--u));line-height:calc(20.00 * var(--u));font-weight:500;color:rgba(255,255,255,.95)}.oferta-m .of-bala{flex:0 0 auto;width:calc(12.00 * var(--u));height:calc(12.00 * var(--u));border-radius:50%;border:calc(1.78 * var(--u)) solid rgba(255,255,255,.85)}.oferta-m .of-txt{flex:1 1 auto}.oferta-m .of-precio{flex:0 0 auto;font-weight:800;color:#F3C6FF;font-size:calc(14.00 * var(--u))}.oferta-m s.of-precio{text-decoration:line-through;text-decoration-thickness:calc(2.00 * var(--u));opacity:.85}.oferta-m .of-total{display:flex;justify-content:space-between;align-items:center;margin:calc(26.00 * var(--u)) 0 0;padding-top:calc(15.60 * var(--u));border-top:calc(1.00 * var(--u)) solid rgba(255,255,255,.25);font-weight:700;font-size:calc(17.00 * var(--u))}.oferta-m .of-total s{color:#F3C6FF;text-decoration-thickness:calc(2.00 * var(--u))}.oferta-m .of-hoy{margin:calc(14.00 * var(--u)) 0 0;text-align:center;font-weight:800;font-size:calc(40.00 * var(--u));line-height:calc(46.00 * var(--u))}.oferta-m .of-hoy span{font-weight:500;font-size:calc(17.00 * var(--u));display:block;opacity:.85}.oferta-m .of-cierre{margin:calc(9.80 * var(--u)) 0 0;text-align:center;font-weight:500;font-size:calc(15.46 * var(--u));line-height:1.45;color:rgba(255,255,255,.85)}.oferta-m .of-cta{display:flex;align-items:center;justify-content:center;margin:calc(24.00 * var(--u)) auto 0;width:calc(284.00 * var(--u));height:calc(57.00 * var(--u));border-radius:999px;background:linear-gradient(90deg,#7D2DF5 0%,#F01E5A 100%);color:#fff;box-shadow:0 calc(8.00 * var(--u)) calc(28.00 * var(--u)) rgba(240,30,90,.35);font-weight:800;font-size:calc(14.70 * var(--u));text-decoration:none;transition:filter .15s ease,transform .15s ease}.oferta-m .of-cta:hover{filter:brightness(1.08);transform:translateY(calc(-1 * var(--u)))}
.muro-m{background:#08070C;padding:calc(36.00 * var(--u)) 0;overflow:hidden;display:flex;flex-direction:column;gap:calc(8.00 * var(--u))}.muro-m .muro-fila{overflow:hidden;width:100%;height:calc(88.00 * var(--u))}.muro-m .muro-pista{display:flex;width:max-content;height:100%;will-change:transform}.muro-m .muro-pista img{height:100%;width:auto;display:block}.muro-m .muro-fila--izq .muro-pista{animation:muro-izq 70s linear infinite}.muro-m .muro-fila--der .muro-pista{animation:muro-der 70s linear infinite}.muro-m .muro-fila:hover .muro-pista{animation-play-state:paused}@keyframes muro-izq{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes muro-der{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.muro-m .muro-pista{animation:none}}
.faq-m{background:#08070C;padding:calc(64.0 * var(--u)) 0 calc(9.0 * var(--u))}.faq-m .faq-in{margin-left:calc(23.0 * var(--u));width:calc(350.0 * var(--u))}.faq-m .faq-tit{margin:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;font-size:calc(28.00 * var(--u));line-height:calc(32.20 * var(--u));color:#FFFFFF;white-space:pre}.faq-m .faq-sub{margin:calc(18.0 * var(--u)) 0 calc(18.0 * var(--u));font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:500;font-size:calc(17.00 * var(--u));line-height:calc(25.50 * var(--u));color:rgba(255,255,255,0.550)}.faq-m .faq-it{border-top:calc(1 * var(--u)) solid rgba(255,255,255,0.09)}.faq-m .faq-it:last-child{border-bottom:calc(1 * var(--u)) solid rgba(255,255,255,0.09)}.faq-m summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:calc(24.0 * var(--u));padding:calc(20.5 * var(--u)) 0}.faq-m summary::-webkit-details-marker{display:none}.faq-m .faq-q{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:calc(16.50 * var(--u));line-height:calc(24.75 * var(--u));color:#FFFFFF}.faq-m .faq-mas{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:calc(17.50 * var(--u));line-height:calc(26.25 * var(--u));color:#FFC93C;flex:0 0 auto}.faq-m .faq-mas::before{content:'+'}.faq-m .faq-it[open] .faq-mas::before{content:'–'}.faq-m .faq-a{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:500;font-size:calc(15.00 * var(--u));line-height:calc(24.75 * var(--u));color:rgba(255,255,255,0.550);padding:0 0 calc(18.0 * var(--u));white-space:pre-line}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  a.t{transition:none}
}
