/* WebLux: presentación y alta del comerciante. */
:root{--marca:#005cfc;--marca-osc:#0047c7;--tinta:#161b24;--suave:#62616c;--linea:#e3e7ed;--fondo:#f7f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--tinta);font:16px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #4d8dff;outline-offset:4px}button{cursor:pointer}button[hidden],[hidden]{display:none!important}.cab{max-width:1320px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}.marca{display:inline-flex;align-items:center;gap:8px;font-size:19px;font-weight:800;text-decoration:none;white-space:nowrap}.marca>span{font-weight:500}.marca i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--marca);color:white;font-style:normal;margin-right:2px}.cab nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.cab nav a{text-decoration:none}.cab nav a:last-child{border:1px solid var(--linea);padding:11px 16px;border-radius:8px}main{max-width:1320px;margin:auto}.presentacion{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:50px;padding:60px 40px 80px}.etiqueta{font-size:11px;font-weight:700;letter-spacing:.13em;margin:0 0 25px;display:flex;align-items:center;gap:8px}.etiqueta>span,.punto{width:7px;height:7px;display:inline-block;border-radius:100%;background:var(--marca)}h1{font-size:clamp(42px,4.65vw,64px);line-height:1.06;letter-spacing:-.055em;margin:0 0 26px;font-weight:700;text-wrap:balance}.intro{color:var(--suave);font-size:17px;max-width:410px;margin:0 0 28px;line-height:1.7}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--marca);color:#fff;border-radius:9px;padding:17px 22px;font-size:14px;font-weight:600;min-height:54px;text-decoration:none;transition:background .2s,transform .2s}.btn:hover{background:var(--marca-osc);transform:translateY(-1px)}.btn>span{font-size:20px;font-weight:400}.confianza{font-size:11px;color:var(--suave);margin:14px 0 30px}.confianza span{padding:0 7px;color:#aaa}.beneficios{border-top:1px solid var(--linea);padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 20px;max-width:440px;font-size:11px;color:#50505d}.escaparate{min-width:0;background:#edf1f8;padding:22px;border-radius:20px;position:relative}.muestra-etiqueta{font-size:9px;letter-spacing:.07em;display:flex;align-items:center;gap:7px;margin-bottom:18px;font-weight:600}.muestra-etiqueta>span:last-child{margin-left:auto;font-size:8px;color:var(--suave)}.muestra-web{border:1px solid #dce0e8;border-radius:8px;overflow:hidden;background:white;box-shadow:0 20px 35px -25px #253a5f80}.muestra-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 20px;font-size:10px}.muestra-nav b{max-width:55%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.muestra-nav>span{font-size:8px;color:#777}.muestra-hero{position:relative;height:310px;overflow:hidden;background:#161b24}.muestra-hero>img{width:100%;height:100%;object-fit:cover}.muestra-sombra{position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0001)}.muestra-copy{position:absolute;inset:0;padding:35px 28px;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.muestra-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.15em}.muestra-copy h2{font:500 42px/1.05 Georgia,serif;max-width:95%;overflow-wrap:anywhere;margin:15px 0 12px}.muestra-copy p{font-size:11px;margin:0 0 22px}.muestra-copy>span{background:white;color:#161b24;padding:10px 16px;font-size:9px;border-radius:4px}.muestra-productos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}.muestra-productos img{width:100%;height:78px;object-fit:cover;border-radius:3px;background:#eee}.muestra-productos span{display:block;font-size:9px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muestra-pie{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:9px;color:var(--suave)}.muestra-pie a{font-weight:600;color:var(--tinta);text-decoration:none}.crear-seccion{background:var(--fondo);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:70px 70px;display:grid;grid-template-columns:1fr 1.12fr;gap:75px;align-items:start;border-radius:18px;scroll-margin-top:20px}.crear-intro{padding-top:22px}.crear-intro h2,.precio h2{font-size:40px;line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:0 0 20px}.crear-intro>p:not(.etiqueta){color:var(--suave);font-size:14px;max-width:330px}.recorrido{padding:0;list-style:none;margin:30px 0}.recorrido li{display:flex;gap:18px;padding:16px 0;border-top:1px solid var(--linea);font-size:12px;color:var(--suave)}.recorrido b{font-size:11px;color:var(--marca);padding-top:3px}.recorrido strong{font-size:14px;color:var(--tinta);display:block;margin-bottom:4px;font-weight:600}.nota{font-size:12px;max-width:335px}.nota p{color:var(--suave);margin-top:6px}.tarjeta{background:white;border:1px solid var(--linea);border-radius:15px;padding:30px;min-width:0;box-shadow:0 9px 24px #161b2405}.form-paso{font-size:10px;letter-spacing:.12em;color:var(--marca);font-weight:700;margin:0 0 16px}.tarjeta h3{font-size:24px;letter-spacing:-.04em;margin:0 0 6px}.form-descripcion{font-size:12px;color:var(--suave);margin:0 0 22px}.campo{border:0;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;min-width:0}.campo>span,.campo legend{font-size:12px;font-weight:600}.campo legend{margin-bottom:10px}.campo small{font-size:11px;color:var(--suave)}input{width:100%;min-height:48px;padding:12px 13px;border:1px solid #d6dae1;border-radius:7px;color:var(--tinta);background:#fff;font-size:14px}input:focus{outline:2px solid var(--marca);border-color:transparent}.tipos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tipo{position:relative;min-width:0}.tipo input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.tipo>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;border:1px solid var(--linea);border-radius:9px;padding:13px 5px;font-size:10px;line-height:1.3;min-height:86px;pointer-events:none}.tipo svg{height:22px;width:22px;color:#737180}.tipo input:checked+span{border-color:var(--marca);background:#f0f6ff;color:var(--marca);box-shadow:inset 0 0 0 1px var(--marca)}.tipo input:checked+span svg{color:var(--marca)}.tipo input:focus-visible+span{outline:3px solid #4d8dff;outline-offset:2px}.tarjeta .btn{width:100%;margin-top:8px}.letra{font-size:10px;line-height:1.6;text-align:center;color:var(--suave);margin:18px 0 0}.letra b{font-weight:500;color:var(--tinta)}.ver-muestra{font-size:11px;display:block;margin:0 0 12px;color:var(--marca)}.clave-wrap{display:flex;position:relative}.clave-wrap input{padding-right:58px}.clave-wrap button{position:absolute;right:4px;top:4px;bottom:4px;border:0;background:#f0f6ff;border-radius:5px;padding:0 12px;font-size:12px;color:var(--marca)}.opcional{font-size:12px;margin:5px 0 20px}.opcional summary{cursor:pointer}.opcional summary span{color:var(--suave)}.dos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.atras{display:block;width:100%;background:none;border:0;padding:14px 0 0;font-size:12px;color:var(--suave)}.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.error{background:#fff1f0;color:#a32924;border-radius:7px;padding:12px;font-size:13px}.precio{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:85px 70px;align-items:center}.precio>div>p:not(.etiqueta){font-size:14px;color:var(--suave);max-width:390px}.precio-detalle{border:1px solid var(--linea);border-radius:13px;padding:28px}.precio-detalle>div{display:flex;flex-direction:column;gap:5px;padding-bottom:22px}.precio-detalle>div+div{border-top:1px solid var(--linea);padding-top:22px}.precio-detalle span{font-size:12px;color:var(--suave)}.precio-detalle b{font-size:29px;letter-spacing:-.04em;font-weight:600}.precio-detalle small{font-size:12px;color:var(--suave);font-weight:400;letter-spacing:0}.precio-detalle a{display:flex;justify-content:space-between;font-size:13px;color:var(--marca);font-weight:600;text-decoration:none}footer{padding:30px 40px;border-top:1px solid var(--linea);display:flex;gap:25px;align-items:center;justify-content:space-between;font-size:12px}footer .marca{font-size:15px;color:var(--marca)}footer p{color:var(--suave)}footer>a:last-child{text-decoration:none}#paso-cuenta{margin-top:24px}.con-pasos #paso-cuenta{margin-top:0}
@media(max-width:1000px){.presentacion{gap:25px;padding:40px 25px 55px}.cab{padding:22px 25px}.crear-seccion{margin:0 20px;padding:40px 25px;gap:30px}.precio{padding:60px 40px;gap:40px}.muestra-copy h2{font-size:34px}.muestra-nav>span{display:none}.muestra-etiqueta>span:last-child{display:none}.tipos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cab{padding:18px 20px}.marca{font-size:16px;gap:5px}.marca i{width:30px;height:30px;border-radius:8px}.cab .marca>span,.nav-precio{display:none}.cab nav{gap:0;font-size:11px}.cab nav a:last-child{padding:9px 10px}.presentacion{display:flex;flex-direction:column;align-items:stretch;padding:35px 20px 40px;gap:35px}.etiqueta{font-size:9px;margin-bottom:18px}h1{font-size:49px;line-height:1.04;letter-spacing:-.055em}.intro{font-size:15px;max-width:350px;margin-bottom:23px}.btn{font-size:13px}.confianza{font-size:10px;margin-bottom:20px}.beneficios{gap:8px 14px;font-size:10px}.escaparate{padding:16px;border-radius:15px}.muestra-hero{height:270px}.muestra-copy{padding:25px}.muestra-copy h2{font-size:38px}.muestra-productos{padding:14px;gap:8px}.muestra-productos img{height:65px}.muestra-pie{font-size:8px}.crear-seccion{display:block;margin:0;border-radius:0;padding:38px 20px}.crear-intro{padding:0}.crear-intro h2,.precio h2{font-size:32px}.crear-intro h2 br{display:none}.crear-intro>p:not(.etiqueta){max-width:none}.recorrido{display:none}.nota{margin:20px 0 25px}.tarjeta{padding:22px 18px}.tipos{grid-template-columns:repeat(3,minmax(0,1fr))}.tipo>span{font-size:10px;min-height:86px}.precio{display:block;padding:45px 20px}.precio-detalle{margin-top:25px;padding:23px}footer{padding:25px 20px;flex-wrap:wrap;gap:12px}footer p{display:none}.dos{grid-template-columns:1fr}.muestra-nav b{max-width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.muestra-numero{height:78px;border-radius:4px;background:#f3f5f9;color:#727e94;display:grid;place-items:center;font:400 31px Georgia,serif}.mini-muestra{display:flex;align-items:center;gap:13px;background:#f6f8fc;border:1px solid #e2e9f5;border-radius:9px;padding:10px;margin:0 0 12px;min-width:0}.mini-muestra>img{width:66px;height:70px;object-fit:cover;border-radius:5px}.mini-muestra>span{min-width:0}.mini-muestra small{display:block;font-size:8px;letter-spacing:.08em;color:#005cfc}.mini-muestra b{display:block;font-size:15px;overflow-wrap:anywhere;line-height:1.25;margin:5px 0}.mini-muestra>span>span{font-size:10px;color:#696675}@media(max-width:700px){.muestra-numero{height:65px}}

@media(max-width:700px){input{font-size:16px}.campo>span,.campo legend,.form-descripcion{font-size:13px}.campo small,.letra{font-size:12px}.confianza{font-size:11px}.tipo>span{font-size:11px}.ver-muestra{font-size:12px}.mini-muestra small{font-size:9px}.mini-muestra>span>span{font-size:12px}}

/* Letra más grande: los textos de 8–11 px se leían mal. */
.confianza,.beneficios{font-size:13px}.muestra-etiqueta{font-size:11px}.muestra-etiqueta>span:last-child,.muestra-nav>span,.muestra-copy small,.muestra-copy>span,.muestra-productos span,.muestra-pie{font-size:11px}.muestra-copy p{font-size:13px}.muestra-nav{font-size:12px}
.etiqueta,.form-paso{font-size:12px}.form-descripcion,.campo small,.letra,.recorrido li,.nota,.crear-intro>p:not(.etiqueta),.precio-detalle span,.precio-detalle small,.opcional,.atras{font-size:14px}.campo>span,.campo legend{font-size:14px}.tipo>span{font-size:12px}.mini-muestra small{font-size:10px}.mini-muestra>span>span,.ver-muestra{font-size:13px}.recorrido strong{font-size:15px}footer{font-size:13px}
/* Formulario en una sola pantalla: cada campo dice para qué es. */
.tarjeta h3{font-size:26px;margin:0 0 18px}.campo>small,fieldset.campo>small{display:block;margin-top:2px;line-height:1.45}fieldset.campo>small{margin-top:10px}.tarjeta .btn{font-size:16px;min-height:58px}
@media(max-width:700px){.tipos{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tipo>span{min-height:74px;padding:10px 4px}}
/* Una pregunta por pantalla: pregunta grande, ayuda debajo y el botón enseguida. */
.pregunta .campo>span:first-child,.pregunta .campo legend{font-size:20px;letter-spacing:-.02em;font-weight:700}.pregunta input:not([type=radio]){min-height:56px;font-size:18px}.pregunta .campo{margin-bottom:14px}
#atras{text-align:center}
/* Logo original de WebLux Studios (assets/marca/weblux-logo.png). */
.marca img{display:block;height:40px;width:auto}footer .marca img{height:30px}@media(max-width:700px){.cab .marca img{height:30px}}
/* Precios: 3 planes (el «Pago único + Lista» destacado), explicación del pago único y «a la medida». */
.precio{display:block}.precio-intro{max-width:560px;margin-bottom:36px}.precio-intro>p:not(.etiqueta){font-size:15px;color:var(--suave)}
.planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{border:1px solid var(--linea);border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:6px;background:#fff;position:relative}
.plan h3{font-size:18px;margin:0}.plan-precio{margin:6px 0 0}.plan-precio b{font-size:34px;letter-spacing:-.04em;font-weight:700}.plan-precio span{font-size:14px;color:var(--suave)}
.plan-nota{font-size:14px;color:var(--suave);margin:0 0 8px}.plan ul{list-style:none;padding:0;margin:4px 0 20px;display:flex;flex-direction:column;gap:9px;flex:1}.plan li{font-size:14px;padding-left:24px;position:relative;line-height:1.45}.plan li::before{content:'✓';position:absolute;left:0;color:var(--marca);font-weight:700}
.plan .btn{width:100%}.btn-claro{background:#fff;color:var(--marca);box-shadow:inset 0 0 0 1.5px var(--marca)}.btn-claro:hover{background:#f0f6ff}
.plan-top{border:2px solid var(--marca);box-shadow:0 24px 50px -28px #005cfc99;transform:translateY(-8px)}.plan-sello{position:absolute;top:-14px;left:24px;margin:0;background:var(--marca);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}
.precio-explica{margin:26px 0 0;background:var(--fondo);border:1px solid var(--linea);border-radius:14px;padding:20px 22px;font-size:14px;line-height:1.6;color:var(--tinta)}.precio-explica p{margin:0}
.a-la-medida{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px dashed #9cbcf0;border-radius:14px;padding:22px}.a-la-medida b{font-size:17px}.a-la-medida p{margin:4px 0 0;font-size:14px;color:var(--suave);max-width:560px}.a-la-medida .btn{flex-shrink:0}
.letra a{color:var(--marca)}
@media(max-width:900px){.planes{grid-template-columns:1fr;gap:26px}.plan-top{transform:none}.a-la-medida{flex-direction:column;align-items:stretch}}
.precio .precio-explica p,.precio .a-la-medida p{max-width:none}
/* Celular de la portada que va pasando las plantillas en movimiento (vitrina_portada()). */
.escaparate{display:flex;flex-direction:column;align-items:center;gap:18px;padding:34px 22px 22px;background:radial-gradient(70% 60% at 50% 35%,#cfe0ff 0%,#edf3ff 55%,#f5f8fd 100%);overflow:hidden}
.tv-celular{width:min(300px,78vw);aspect-ratio:9/18.6;border-radius:44px;padding:10px;background:#0d1117;box-shadow:0 0 0 2px #2a313c,0 40px 70px -30px #0b2a6b99,0 18px 30px -18px #0007;position:relative;transform:rotate(-2deg)}
.tv-celular::before{content:'';position:absolute;top:18px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:20px;background:#0d1117;z-index:3}
.tv-pantalla{position:relative;width:100%;height:100%;border-radius:35px;overflow:hidden;background:#111}
.tv-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.2s ease}.tv-slide.activa{opacity:1;transform:none}
.tv-slide video,.tv-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tv-sombra{position:absolute;inset:0;background:linear-gradient(180deg,#0008 0%,#0000 22%,#0000 45%,#000c 100%)}
.tv-nav{position:absolute;top:48px;left:16px;right:16px;display:flex;align-items:center;gap:8px;color:#fff;font-size:12px}.tv-nav i{width:28px;height:28px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12px;flex-shrink:0}.tv-nav b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.tv-copy{position:absolute;left:18px;right:18px;bottom:26px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.tv-copy small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.tv-copy strong{font:500 31px/1.05 Georgia,serif;overflow-wrap:anywhere;max-width:100%}.tv-copy span{font-size:12px;opacity:.9}.tv-copy em{margin-top:8px;font-style:normal;font-size:11px;font-weight:600;background:#fff;color:#111;padding:9px 14px;border-radius:999px}
.tv-pie{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.tv-pie p{margin:0;display:flex;flex-direction:column;line-height:1.3}.tv-pie p span{color:var(--suave);font-size:12px}.tv-pie p span::before{content:'▶ '}.tv-pie>a{font-weight:600;text-decoration:none;color:var(--tinta);white-space:nowrap}
.tv-puntos{display:flex;gap:6px}.tv-puntos button{width:8px;height:8px;padding:0;border:0;border-radius:9px;background:#b9c8e0;transition:width .3s,background .3s}.tv-puntos button[aria-current="true"]{width:22px;background:var(--marca)}
@media(max-width:700px){.escaparate{padding:28px 16px 18px}.tv-celular{width:min(270px,72vw)}.tv-pie{flex-wrap:wrap;justify-content:center;text-align:center}.tv-pie p{align-items:center;width:100%}}
@media(prefers-reduced-motion:reduce){.tv-slide{transition:none;transform:none}.tv-celular{transform:none}}
/* 4 planes: el cuarto, «A la medida», en oscuro para que se distinga (cotiza por WhatsApp y muestra la web de WebLux). */
.planes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.plan-medida{background:#0d1117;color:#fff;border-color:#0d1117}.plan-medida .plan-nota,.plan-medida li{color:#c9d3e3}.plan-medida li::before{color:#5c9bff}.plan-medida a:not(.btn){color:#8ab6ff}.plan-medida .btn{background:#fff;color:#0d1117}.plan-medida .btn:hover{background:#e7eefc}
.plan-web{display:block;text-align:center;margin-top:12px;font-size:13px;font-weight:600;text-decoration:none}
@media(max-width:1180px){.planes{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}}
@media(max-width:700px){.planes{grid-template-columns:1fr}}
.precio>div.precio-explica>p:not(.etiqueta){max-width:none}