/* Alta clara: solo /empezar. No modifica cobros, contratos ni estilos del portal. */
.wz-payment-heading{margin-top:32px;padding-top:28px;border-top:1px solid var(--border);font-size:1.35rem}.wz-final-summary{background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;padding:20px;margin:18px 0}.wz-final-summary>strong{display:block;font-size:1.4rem;margin-bottom:10px}.wz-final-summary p{font-size:.9rem;line-height:1.6;margin:0;color:var(--text-muted)}
body.wz-light{--bg:#f7f6f2;--bg-elev:#fff;--bg-elev-2:#efeee9;--text:#18232b;--text-muted:#52606a;--text-dim:#52606a;--border:rgba(24,35,43,.14);--border-strong:rgba(24,35,43,.24);--accent:#b91c1c;--accent-soft:#b91c1c;--green:#24745c;background:var(--bg);color:var(--text);color-scheme:light}
.wz-light .pago-top{background:#fff;border-color:var(--border)}
.wz-light a:not(.btn){color:#a51b25;text-underline-offset:3px}
.wz-light a:focus-visible,.wz-light button:focus-visible,.wz-light summary:focus-visible,.wz-light input:focus-visible,.wz-light select:focus-visible,.wz-light textarea:focus-visible{outline:3px solid #b91c1c;outline-offset:3px}
.wz-light .wz-wrap{padding-top:38px;padding-bottom:48px;max-width:1180px}
.wz-light .wz-head{max-width:850px}.wz-light .wz-head h1{font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,2.8rem);font-weight:600;letter-spacing:-.03em;line-height:1.12;margin-bottom:18px}
.wz-light .wz-reassure{margin-top:12px;max-width:67ch}

/* ═══ SISTEMA VISUAL ÚNICO DEL ALTA (pasos 1, 2 y 3) ═══════════════════════════════════════════════════════════════
   [2026-10-06 · titular] Los tres pasos hablan el mismo idioma: mismos márgenes, mismo título, mismo alto de campo, de
   opción (radio), de casilla y de botón, y la misma cabecera de pasos. Todo sale de estas medidas; ningún paso lleva
   las suyas. Solo el paso 3, en pantallas de ordenador, las encoge según el ALTO de la pantalla (ver el final), porque
   es el único que tiene que caber entero con su botón de pagar. En pantallas altas son idénticas en los tres.        */
.wz-light .wz-wrap{--wz-pad:clamp(20px,3vw,32px);--wz-ctl:46px;--wz-gap-f:16px;--wz-gap-l:6px;--wz-gap-o:10px;--wz-gap-b:24px;--wz-barra-t:12px;--wz-barra-b:25px}
/* Cabecera de pasos (la misma en los tres) */
.wz-light .wz-barra{background:rgba(247,246,242,.96);margin:0 0 26px;padding:var(--wz-barra-t) 0 var(--wz-barra-b);border-color:var(--border)}
.wz-light .wz-barra-btn{border-color:var(--border-strong);background:#fff}.wz-light .wz-barra-etq{color:#a51b25;white-space:normal;text-align:center;line-height:1.4}
.wz-light .wz-help{font-size:.8rem;font-weight:600;min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:underline}
.wz-light .wz-barra-medio{width:100%}.wz-light .wz-rail{max-width:560px;gap:8px;margin-bottom:12px}.wz-light .wz-rail-item{position:relative;background:#d9dce0}.wz-light .wz-rail-item.done,.wz-light .wz-rail-item.current{background:#b91c1c}
.wz-light .wz-rail-item:after{content:attr(data-nombre);position:absolute;top:9px;left:0;right:0;text-align:center;font-size:.66rem;white-space:nowrap;color:#52606a}.wz-light .wz-rail-item.current:after{color:#18232b;font-weight:700}
/* Tarjeta del paso y resumen lateral */
.wz-light .wz-grid{grid-template-columns:minmax(0,1fr) 350px;gap:28px}
.wz-light .wz-grid>div{min-width:0;padding:var(--wz-pad);border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(24,35,43,.035)}
.wz-light .wz-aside{background:#fff;border-color:var(--border);box-shadow:0 10px 30px rgba(24,35,43,.035);padding:25px;top:100px}
.wz-light .wz-aside h2{font-family:var(--font-display);font-size:1.25rem}.wz-light .wz-price{font-size:2.4rem;letter-spacing:-.04em}
/* Título del paso, entradilla, preguntas y pistas: una sola jerarquía */
.wz-light .wz-step h2{font-family:var(--font-display);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px}
.wz-light .wz-step .wz-lead{font-size:1rem;line-height:1.55;margin:0 0 var(--wz-gap-b);color:var(--text-muted)}
.wz-light .wz-step .wz-lead--corto{margin-bottom:var(--wz-gap-f)}
.wz-light .wz-q{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text);margin:0 0 6px}
.wz-light .wz-pista{font-size:.88rem;line-height:1.5;color:var(--text-muted);margin:0 0 12px}
.wz-light .wz-bloque{margin:var(--wz-gap-b) 0 0}.wz-light .wz-bloque>:last-child{margin-bottom:0}
.wz-light .wz-nota{font-size:.88rem;line-height:1.55;margin:12px 0}.wz-light .wz-eco{font-size:.92rem;margin:0 0 var(--wz-gap-b)}
/* Campos */
.wz-light .wz-field{gap:var(--wz-gap-l);margin-bottom:var(--wz-gap-f);min-width:0}
.wz-light .wz-field label,.wz-light .wz-field .wz-label{font-size:.88rem;font-weight:600;line-height:1.3;color:var(--text)}
.wz-light .wz-field small{font-size:.82rem;line-height:1.45;color:var(--text-muted)}
.wz-light .wz-field input,.wz-light .wz-field select,.wz-light .wz-field textarea{background:#fff;border:1px solid #a9b0b6;min-height:var(--wz-ctl);padding:0 14px;color:var(--text);box-shadow:0 1px 2px rgba(24,35,43,.03);font-size:1rem;min-width:0;width:100%}
.wz-light .wz-field textarea{padding:11px 14px;min-height:92px}
.wz-light .wz-field input::placeholder,.wz-light .wz-field textarea::placeholder{color:#68747d}
.wz-light .wz-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--wz-gap-f)}
.wz-light .wz-field input:focus,.wz-light .wz-field select:focus,.wz-light .wz-field textarea:focus{outline:3px solid rgba(185,28,28,.2);outline-offset:1px;border-color:#b91c1c}
/* Tarjetas de opción (radio) */
.wz-light .wz-radios{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wz-gap-o);margin:0 0 var(--wz-gap-f)}
.wz-light .wz-radios--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wz-light .wz-radio{background:#fff;border:1px solid #a9b0b6;min-height:var(--wz-ctl);padding:6px 14px;gap:10px;font-size:.95rem;line-height:1.3}
.wz-light .wz-radio:has(input:checked){border-color:#b91c1c;background:#fff4f1;box-shadow:inset 0 0 0 1px #b91c1c}
.wz-light .wz-radio:has(input:focus-visible),.wz-light .wz-check:has(input:focus-visible){outline:3px solid rgba(185,28,28,.3);outline-offset:3px}
/* Casillas */
.wz-light .wz-check{background:#f8f8f5;border-radius:10px;padding:12px 14px;margin:0 0 var(--wz-gap-o);gap:12px;font-size:.92rem;line-height:1.5}
.wz-light .wz-check input{width:20px;height:20px;flex:0 0 20px;margin:1px 0 0}
/* Selector de plan (paso 1): mismas tarjetas que las opciones */
.wz-light .wz-plan-sel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wz-gap-o);margin:0 0 var(--wz-gap-b)}
.wz-light .wz-plan-sel a{display:block;padding:12px 16px;border:1px solid #a9b0b6;border-radius:var(--radius);background:#fff;color:var(--text);text-decoration:none;line-height:1.4}
.wz-light .wz-plan-sel a[aria-current=page]{border-color:#b91c1c;background:#fff4f1;box-shadow:inset 0 0 0 1px #b91c1c}
.wz-light .wz-plan-sel strong{display:block;font-size:.95rem}.wz-light .wz-plan-sel small{display:block;margin-top:2px;font-size:.82rem;color:var(--text-muted)}
/* Tarjetas informativas, avisos y desplegables */
.wz-light .wz-card{background:#f8f8f5}.wz-light .wz-card.info{background:#f1f6fc}.wz-light .wz-card.good{background:#f0f7f2}.wz-light .wz-card.warn{background:#fff9e9}
.wz-light .wz-feedback.error{color:#991b1b;background-color:#fff3f1}.wz-light .wz-feedback.info{color:#194a82;background-color:#f1f6fc}
.wz-light .wz-bloque+.wz-mas{margin-top:var(--wz-gap-b)}.wz-light .wz-mas>summary{font-size:.92rem}.wz-light .wz-foot-note{font-size:.82rem}
/* Botones: mismo alto, mismo relleno y misma letra en los tres pasos (también el de pagar) */
.wz-light .wz-nav{margin-top:var(--wz-gap-b);gap:var(--wz-gap-o) 12px}
.wz-light .wz-nav .btn{min-height:calc(var(--wz-ctl) + 4px);padding:0 26px;font-size:1rem;min-width:150px;justify-content:center}
.wz-light .wz-nav .btn-secondary{background:#fff;border-color:var(--border-strong);color:var(--text)}
.wz-light .wz-nav .btn-primary:disabled{opacity:1;background:#e5e6e7;color:#4e5962;box-shadow:none;border-color:#c7cbd0;cursor:not-allowed}
/* Las opciones (radio/checkbox) no heredan el estilo de caja de texto de .wz-field input (titular 5-oct: el circulo salia enorme y enmarcado). */
.wz-light .wz-field input[type=radio],.wz-light .wz-field input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none;flex:0 0 20px;accent-color:#b91c1c}
/* Paso 3: confirmar y pagar. UNA sola caja de aceptación (casilla del contrato y, debajo, las líneas informativas). */
.wz-light .wz-payment-heading{margin:var(--wz-gap-b) 0 0;padding-top:var(--wz-gap-b);font-size:1.25rem;font-family:var(--font-display);font-weight:600}
.wz-light .wz-final-summary{padding:calc(var(--wz-gap-o) * 1.5) 18px;margin:var(--wz-gap-o) 0 var(--wz-gap-f);border-radius:14px}
.wz-light .wz-final-summary>strong{font-size:1.2rem;margin-bottom:6px}.wz-light .wz-final-summary p{font-size:.88rem;line-height:1.5}
.wz-light .wz-aceptacion{border:1px solid var(--border);border-radius:10px;background:#f8f8f5;padding:calc(var(--wz-gap-o) * 1.2) 14px}
.wz-light .wz-aceptacion .rpc-contrato{margin:0;gap:0}
.wz-light .wz-aceptacion .wz-check{background:none;border:0;border-radius:0;padding:4px 0;margin:0}
.wz-light .wz-aceptacion .wz-check+.wz-check{margin-top:var(--wz-gap-o);padding-top:var(--wz-gap-o);border-top:1px dashed var(--border)}
.wz-light .wz-aceptacion .rpc-contrato-priv,.wz-light .wz-aceptacion .rpc-contrato-inicio{font-size:.84rem;line-height:1.45;margin:0;color:var(--text-muted)}
.wz-light .wz-aceptacion .rpc-contrato-priv{margin-top:var(--wz-gap-o);padding-top:var(--wz-gap-o);border-top:1px dashed var(--border)}
.wz-light .wz-aceptacion .rpc-contrato-inicio{margin-top:6px}
/* Línea de privacidad (art. 13 RGPD, contrato 2026-10-06): información, no aceptación; debajo de los primeros datos del paso 1. */
.wz-light .wz-privacidad{font-size:.82rem;line-height:1.45;margin:8px 0 0;color:var(--text-muted)}
.wz-light .wz-privacidad a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.wz-light .wz-foot-note--pago{margin:0 0 0 auto}
/* El pie de pago (compartido con otras paginas) deja menos hueco encima en el alta: que el paso 3 quepa con su pie. */
.wz-light .pago-pie{margin-top:clamp(18px,2.6vh,36px)}
.wz-team{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.wz-team img{width:44px;height:44px;border-radius:50%;object-fit:cover}.wz-team b{display:block;font-size:.79rem;line-height:1.45}.wz-team small{display:block;font-size:.73rem;line-height:1.5;color:var(--text-muted);margin-top:3px}
.wz-light.wz-en-ventana{background:var(--bg)}.wz-light.wz-en-ventana .wz-wrap{padding:12px}.wz-light.wz-en-ventana .wz-grid{grid-template-columns:minmax(0,1fr)}
@media(max-width:940px){.wz-light .wz-grid{grid-template-columns:minmax(0,1fr)}.wz-light .wz-aside{position:static;max-height:none;overflow:visible}.wz-light .wz-foot-note--pago{flex-basis:100%;margin:2px 0 0}}
@media(max-width:650px){.wz-light .wz-wrap{padding-top:24px;padding-inline:18px}.wz-light .wz-barra{padding-bottom:12px;margin-bottom:18px}.wz-light .wz-rail{margin-bottom:0}.wz-light .wz-rail-item:after{display:none}.wz-light .wz-grid>div{padding:20px 18px;border-radius:14px}.wz-light .wz-head .wz-sub{font-size:.94rem}.wz-light .wz-reassure{font-size:.84rem}.wz-light .wz-aside{border-radius:14px}.wz-light .wz-radio{padding:6px 12px}.wz-light .wz-check{padding:12px}.wz-light .wz-step h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.wz-light *{scroll-behavior:auto!important}.wz-light .wz-rail-item,.wz-light .wz-barra-btn,.wz-light .btn{transition:none}}
@media(max-width:620px){.wz-light .wz-row{grid-template-columns:minmax(0,1fr)}.wz-light .wz-radios--3,.wz-light .wz-plan-sel{grid-template-columns:minmax(0,1fr)}}

/* ═══ PASO 3 EN ORDENADOR: entero en una pantalla, con el aire que cabe ═════════════════════════════════════════════
   [2026-10-05 · titular: «entero en una pantalla»; 2026-10-06: «queda demasiado pegado»]
   Desde 1180 px de ancho el paso 3 va a todo el ancho y los campos en una rejilla de 12 columnas (3 filas en vez de 6):
   así hay sitio para separar campos, bloques y casillas. El resumen lateral no se pinta en este paso (el plan y el primer
   pago ya están en «Confirma y empieza»). Las medidas del sistema crecen con el alto de la pantalla hasta las de arriba
   (a 1080 px de alto, idénticas a las de los pasos 1 y 2) y se encogen poco a poco en portátiles. Solo cambia medidas. */
@media(min-width:1180px){
.wz-light .wz-wrap[data-paso="3"]{
  /* Rectas que valen las medidas de arriba a 1080 px de alto y bajan hasta las de un portátil (≈650 px útiles). */
  --wz-ctl:clamp(34px,calc(2.35vh + 20.6px),46px);--wz-gap-f:clamp(5px,calc(2.35vh - 9.4px),16px);--wz-gap-l:clamp(2px,calc(.6vh - .6px),6px);
  --wz-gap-o:clamp(5px,calc(1.47vh - 5.9px),10px);--wz-gap-b:clamp(8px,calc(3.53vh - 14.1px),24px);
  --wz-pad:clamp(8px,calc(5.88vh - 31.5px),32px);--wz-barra-t:clamp(3px,1.1vh,12px);--wz-barra-b:clamp(14px,2.3vh,25px);
  padding-bottom:clamp(10px,1.4vh,20px)}
.wz-light .wz-wrap[data-paso="3"] .wz-grid{grid-template-columns:minmax(0,1fr)}
.wz-light .wz-wrap[data-paso="3"] .wz-aside{display:none}
.wz-light .wz-wrap[data-paso="3"] .wz-barra{margin-bottom:clamp(6px,1.2vh,16px)}
.wz-light .wz-wrap[data-paso="3"] .wz-rail{margin-bottom:clamp(6px,1vh,12px)}
.wz-light .wz-wrap[data-paso="3"] .wz-grid>div{padding:var(--wz-pad) clamp(22px,2.4vw,32px)}
.wz-light .wz-wrap[data-paso="3"] .wz-step h2{font-size:clamp(1.3rem,2.7vh,1.6rem);margin-bottom:4px}
.wz-light .wz-wrap[data-paso="3"] .wz-datos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--wz-gap-f)}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-row{display:contents}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-field{grid-column:span 3}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-field:has(.wz-radios){grid-column:span 5}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-field:has(#address){grid-column:span 4}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-field:has(#zip){grid-column:span 2}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-field:has(#state){grid-column:span 4}
.wz-light .wz-wrap[data-paso="3"] .wz-datos #wzCompanyBox{grid-column:1/-1}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-radios{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.wz-light .wz-wrap[data-paso="3"] .wz-datos .wz-radio{flex:1 1 auto;white-space:nowrap;font-size:.88rem;padding:6px 10px;gap:8px}
.wz-light .wz-wrap[data-paso="3"] .wz-final-summary{display:flex;gap:6px 18px;align-items:baseline}
.wz-light .wz-wrap[data-paso="3"] .wz-final-summary>strong{flex:0 0 auto;max-width:44%;margin:0;font-size:clamp(1.05rem,2.2vh,1.2rem);line-height:1.3}
.wz-light .wz-wrap[data-paso="3"] .wz-final-summary p{flex:1 1 0}
.wz-light .wz-wrap[data-paso="3"] .wz-nav .btn{min-height:clamp(38px,calc(var(--wz-ctl) + 4px),50px)}
.wz-light .wz-wrap[data-paso="3"] .wz-feedback{margin-top:8px;padding:8px 12px}
.wz-light .wz-wrap[data-paso="3"] .wz-note{margin:8px 0 0;font-size:.82rem}
}
/* Entre 941 y 1179 px (dos columnas, con el resumen): mismo sistema, un poco más prieto; ahí se baja con el scroll. */
@media(min-width:941px) and (max-width:1179px){
.wz-light .wz-wrap[data-paso="3"] .wz-final-summary{display:block}
}
/* [2026-10-06 · titular] Cabecera de /empezar mucho más pequeña, para que el formulario quede arriba. */
.wz-light .wz-wrap{padding-top:14px;--wz-barra-t:6px;--wz-barra-b:12px}.wz-light .wz-head h1{font-size:clamp(1.25rem,1.9vw,1.55rem);line-height:1.2;margin-bottom:2px;letter-spacing:-.01em}.wz-light .wz-head .wz-reassure{margin-top:0;font-size:.9rem;color:var(--muted,#5b6470)}.wz-light .wz-barra{margin-bottom:14px}
/* [2026-10-06 · titular] Las dos casillas de admisión del paso 1, en una sola fila (una en móvil). */
.wz-light .wz-checks-fila{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.wz-light .wz-checks-fila .wz-check{margin:0;height:100%}@media(max-width:650px){.wz-light .wz-checks-fila{grid-template-columns:1fr}}
/* [2026-10-06 · titular] En ordenador, la barra de pasos sube a la derecha del título: todo el paso en una pantalla. */
@media (min-width:1100px){.wz-light .wz-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:28px;align-items:end}.wz-light .wz-wrap>*{grid-column:1/-1}.wz-light .wz-wrap>.wz-head{grid-column:1;margin-bottom:10px}.wz-light .wz-wrap>.wz-barra{grid-column:2;margin-bottom:10px}.wz-light .wz-wrap>.wz-grid{align-self:start}}
/* [2026-10-06 · titular] Pasos 2 y 3 en ordenador: también título a la izquierda y barra a la derecha, como el paso 1. */
@media (min-width:1100px){.wz-light .wz-wrap[data-paso]:not([data-paso="1"]) .wz-head{display:block}.wz-light .wz-wrap[data-paso]:not([data-paso="1"]){padding-top:14px}}