/* Suscripción de diseño gráfico. Se suma a landing.css y nosotros.css (mismo recorrido oscuro con fondo de puntos). */
.mxu-hero .mxl-h1{max-width:12ch}
.mxu-hero__art{justify-self:center;width:min(100%,520px);margin:0}
.mxu-hero__art img{border-radius:0;box-shadow:none;filter:drop-shadow(0 40px 60px rgba(0,0,0,.55));animation:mxu-float 7s ease-in-out infinite alternate}
@keyframes mxu-float{from{transform:translateY(0)}to{transform:translateY(-14px)}}
.mxu-need__cta{margin-top:clamp(20px,2.4vw,32px)}
/* Planes */
.mxu-plans{padding-block:clamp(60px,8vw,120px)}
.mxu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);max-width:1040px;margin:clamp(24px,3vw,44px) auto 0}
.mxu-plan{position:relative;display:grid;gap:18px;align-content:start;padding:clamp(26px,3vw,44px);border-radius:26px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:box-shadow .4s,transform .5s var(--ease),background .4s}
.mxu-plan:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px rgba(254,53,1,.6),0 40px 80px -40px rgba(0,0,0,.9)}
.mxu-plan--star{background:linear-gradient(180deg,rgba(254,53,1,.18),rgba(254,53,1,.05) 60%);box-shadow:inset 0 0 0 1px rgba(254,53,1,.55)}
.mxu-plan__tag{position:absolute;right:22px;top:-13px;padding:7px 14px;border-radius:999px;background:var(--orange);color:#fff;font:700 11.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase}
.mxu-plan .mxl-h3{font-size:clamp(24px,1.2vw + 16px,34px);line-height:1.08;letter-spacing:-.02em;color:#fff;max-width:18ch}
.mxu-plan__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:0;color:#fff}
.mxu-plan__price strong{font:600 clamp(44px,4.4vw,72px)/.95 var(--display);letter-spacing:-.04em;color:#fff}
.mxu-plan--star .mxu-plan__price strong{color:var(--orange)}
.mxu-plan__price small{font:600 13px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-2,rgba(255,255,255,.7))}
.mxu-plan__list{list-style:none;margin:0 0 6px;padding:0;display:grid}
.mxu-plan__list li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1.35;color:#fff}
.mxu-plan__list li:last-child{border-bottom:0}
.mxu-plan__list svg{flex:none;width:20px;height:20px;margin-top:1px}
/* Texto explicativo */
.mxu-why{padding-block:clamp(50px,7vw,100px)}
.mxu-why__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:start}
.mxu-why .mxl-h2{font-size:clamp(30px,3.6vw,60px);line-height:1;letter-spacing:-.03em}
.mxu-why p{font-size:clamp(16px,.4vw + 14px,19px);max-width:56ch;margin:0 0 18px}
@media (max-width:900px){.mxu-grid{grid-template-columns:1fr}.mxu-why__grid{grid-template-columns:1fr}.mxu-hero__art{width:min(100%,380px)}}
@media (prefers-reduced-motion:reduce){.mxu-hero__art img{animation:none}}

/* Cifras: la primera columna es más ancha para que el precio quepa en una sola línea */
.mxu-facts{grid-template-columns:1.9fr 1fr 1fr 1fr}
.mxu-facts dd{white-space:nowrap}
.mxu-facts>div:first-child dd{font-size:clamp(34px,4.9vw,84px)}
@media (max-width:900px){.mxu-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.mxu-facts>div:first-child dd{font-size:clamp(34px,9vw,64px)}}

/* Planes: título centrado en una línea, tarjetas con fondo sólido y el plan con redes marcado como agotado */
.mxu-head{display:grid;justify-items:center;text-align:center}
.mxu-head .mxl-h2{max-width:none;text-wrap:balance}
.mxu-plan{background:#1d1d1f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mxu-plan--star{background:#26140f;box-shadow:inset 0 0 0 1px rgba(254,53,1,.45)}
.mxu-plan--sold{background:#191919;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.mxu-plan--sold:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.mxu-plan--sold>:not(.mxu-plan__tag){opacity:.55}
.mxu-plan--sold .mxu-plan__price strong{color:#fff}
.mxu-plan--sold .mxu-plan__tag{background:#3a3a3d;color:#fff}
.mxu-plan__sold{justify-content:center;min-height:54px;background:#2a2a2d;color:#cfcdc8;cursor:not-allowed;pointer-events:none}
.mxn-flow .mxu-head{justify-items:center;text-align:center}
.mxn-flow .mxu-head .mxl-eyebrow{justify-self:center;margin-inline:auto}
.mxn-flow .mxu-head .mxl-h2{max-width:none;margin-inline:auto}

/* Tabla comparativa y preguntas frecuentes */
.mxu-cmp__scroll{overflow-x:auto;margin-top:clamp(20px,2.4vw,36px);border-radius:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mxu-cmp__t{width:100%;min-width:640px;border-collapse:collapse;font-size:clamp(14px,.3vw + 13px,17px);color:#fff}
.mxu-cmp__t th,.mxu-cmp__t td{padding:clamp(14px,1.4vw,20px) clamp(14px,1.6vw,24px);text-align:left;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
.mxu-cmp__t thead th{font:700 13px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-2,rgba(255,255,255,.7))}
.mxu-cmp__t tbody th{font-weight:600;color:var(--on-ink-2,rgba(255,255,255,.7))}
.mxu-cmp__t tr:last-child>*{border-bottom:0}
.mxu-cmp__t .is-us{background:#26140f;color:#fff}
.mxu-cmp__t thead .is-us{color:var(--orange)}
.mxu-faq .mxl-faq{margin-top:clamp(20px,2.4vw,36px);max-width:860px}
.mxu-what .mxl-h2{font-size:clamp(30px,3.6vw,60px);line-height:1;letter-spacing:-.03em}

/* Rediseño: títulos más contenidos y sección «Cómo funciona» */
.mxn-flow.mxu-flow .mxl-h2,.mxn-flow.mxu-flow .mxl-head .mxl-h2,.mxn-flow.mxu-flow .mxu-why .mxl-h2,.mxn-flow.mxu-flow .mxu-what .mxl-h2{font-size:clamp(26px,1.9vw + 14px,44px);line-height:1.06;letter-spacing:-.025em;max-width:22ch}
.mxn-flow.mxu-flow .mxu-head .mxl-h2{max-width:none}
.mxl-hero.mxu-hero .mxl-h1{font-size:clamp(32px,2.7vw + 14px,58px);line-height:1;letter-spacing:-.03em;max-width:17ch}
.mxu-hero .mxl-lead{font-size:clamp(15px,.4vw + 12px,18px);max-width:52ch}
.mxu-facts{grid-template-columns:1.3fr 1fr 1fr 1fr}
.mxu-facts dd,.mxu-facts>div:first-child dd{font-size:clamp(30px,3.4vw,56px)}
.mxu-plan__price strong{font-size:clamp(36px,3.4vw,56px)}
.mxu-plan .mxl-h3{font-size:clamp(21px,.8vw + 15px,28px)}
.mxu-plans{padding-block:clamp(48px,6vw,92px)}
.mxu-how{padding-block:clamp(48px,6vw,92px)}
.mxu-steps{list-style:none;margin:clamp(22px,2.6vw,38px) 0 0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))!important;counter-reset:none}
.mxu-steps>li{position:relative;padding:26px 22px 24px}
.mxu-steps__n{position:absolute;right:18px;top:16px;font:600 13px/1 var(--display);letter-spacing:.1em;color:rgba(255,255,255,.32)}
.mxu-steps .mxl-h3{font-size:clamp(17px,.5vw + 13px,20px);line-height:1.2}
.mxu-steps p{font-size:15px;line-height:1.5}
@media (max-width:1024px){.mxu-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.mxu-steps{grid-template-columns:1fr!important}}
.mxu-steps>li{border-radius:var(--r);background:rgba(14,14,16,.5);-webkit-backdrop-filter:blur(40px) saturate(1.3);backdrop-filter:blur(40px) saturate(1.3);border:1px solid rgba(255,255,255,.07);display:grid;gap:10px;align-content:start;transition:border-color .4s,transform .45s var(--ease),background-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s}
.mxu-steps>li:hover{border-color:rgba(254,53,1,.45);transform:translateY(-4px);background:rgba(10,10,12,.8);-webkit-backdrop-filter:blur(64px) saturate(1.3);backdrop-filter:blur(64px) saturate(1.3)}
.mxu-steps>li:hover .mxl-ico{transform:translateY(-3px) rotate(-6deg)}

/* Fondos sólidos en esta página: tabla y pasos (sin transparencias que dejen ver la trama) */
.mxu-cmp__scroll{background:#1d1d1f}
.mxu-cmp__t .is-us{background:#26140f}
.mxu-steps>li,.mxn-flow .mxu-steps>li{background:#1d1d1f;-webkit-backdrop-filter:none;backdrop-filter:none}
.mxu-steps>li:hover{background:#161617;-webkit-backdrop-filter:none;backdrop-filter:none}

/* Preguntas frecuentes: título y lista centrados */
.mxu-faq .mxl-wrap{display:grid;justify-items:center}
.mxn-flow.mxu-flow .mxu-faq .mxl-h2{text-align:center;max-width:none}
.mxu-faq .mxl-faq{width:100%;max-width:860px;margin-inline:auto}
.mxu-steps{display:grid;gap:clamp(12px,1.4vw,20px)}