:root{--disc-d:#d93a2f;--disc-i:#e0a800;--disc-i-vivo:#e0a800;--disc-s:#1f7a4d;--disc-c:#2f86e0;--morado:#0a7f99;--morado-oscuro:#086a80;--morado-suave:#e3f4f8;--naranja:#f90;--tinta:#2e3336;--texto:#45494c;--texto-suave:#6d7275;--fondo:#f6f5f3;--superficie:#fff;--borde:#e7e4df;--error:#b3261e;--error-suave:#fdecea;--ok:#256029;--ok-suave:#e7f5e8;--alerta:#7a5200;--alerta-suave:#fff6e0;--fila-hover:#faf9f7;--desactivado:#d4d2ce;--radio-s:5px;--radio-m:7px;--radio:11px;--radio-l:13px;--sombra-s:0 1px 2px #16142a0d;--sombra:0 1px 2px #16142a0a, 0 12px 32px #16142a0f;--degradado:linear-gradient(135deg, #ff6f61, #ef5a4b);--acento:#0e9fbf;--coral:#ef5a4b;--tinte-coral:#fff4f1;--degradado-disc:linear-gradient(90deg, #d93a2f, #e0a800 35%, #1f7a4d 65%, #2f86e0);--sombra-alta:0 20px 60px #1a1a2e40;--transicion:.15s ease}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--texto);background:var(--fondo);margin:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.65}h1,h2,h3{color:var(--tinta);margin:0 0 .6em;font-family:Outfit,system-ui,sans-serif;line-height:1.2}h1{letter-spacing:0;font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:700;line-height:1.08}h2{letter-spacing:0;font-weight:600}.texto-disc{background:var(--degradado-disc);color:#0000;-webkit-background-clip:text;background-clip:text}h2{font-size:1.3rem}p{margin:0 0 1em}b,strong{color:var(--tinta);font-weight:700}[hidden]{display:none!important}.cabecera{background:color-mix(in srgb, var(--fondo) 85%, transparent);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid color-mix(in srgb, var(--borde) 60%, transparent);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.marca{color:var(--tinta);white-space:nowrap;align-items:center;gap:.6rem;font-family:Outfit,sans-serif;font-weight:600;display:flex}.marca-tresnia{gap:.55rem}.marca-tresnia .logo{width:auto;height:28px;display:block}.marca-tresnia .producto{letter-spacing:.14em;color:#0a5f74;text-transform:uppercase;border:1.5px solid;border-radius:6px;padding:.1rem .4rem;font:700 .7rem Outfit,sans-serif}.puntos{gap:4px;display:inline-flex}.puntos i{border-radius:50%;width:10px;height:10px;display:block}.puntos .d{background:var(--disc-d)}.puntos .i{background:var(--disc-i-vivo)}.puntos .s{background:var(--disc-s)}.puntos .c{background:var(--disc-c)}.proyecto{color:var(--texto-suave);text-align:right;font-size:.85rem}.contenedor{width:100%;max-width:720px;margin:0 auto;padding:clamp(1rem,4vw,2.5rem) clamp(1rem,4vw,1.5rem) 4rem}.contenedor.ancho{max-width:1200px}.tarjeta{background:var(--superficie);border-radius:var(--radio-l);box-shadow:var(--sombra);border:0;padding:clamp(1.25rem,4vw,2.25rem)}.tarjeta.estrecha{max-width:440px;margin:clamp(0rem,6vh,3.5rem) auto 0}.tarjeta.estrecha h1{margin-bottom:.35em}.intro{color:var(--texto-suave)}form{gap:1rem;display:grid}label{color:var(--tinta);gap:.35rem;font-size:.92rem;font-weight:500;display:grid}input,select,textarea{font:inherit;color:var(--tinta);border:1.5px solid var(--borde);border-radius:var(--radio-m);width:100%;min-height:46px;transition:border-color var(--transicion), box-shadow var(--transicion);background:#fff;padding:.7rem .85rem;font-weight:400}input:hover,select:hover,textarea:hover{border-color:#cfccc6}input:focus,select:focus,textarea:focus{border-color:var(--morado);box-shadow:0 0 0 3px color-mix(in srgb, var(--morado) 15%, transparent);outline:none}::placeholder{color:#a2a6a8}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--morado) 45%, transparent);outline-offset:2px}fieldset{border:0;gap:.5rem;margin:0;padding:0;display:grid}legend{color:var(--tinta);margin-bottom:.35rem;font-size:.92rem;font-weight:500}.opciones-radio{flex-wrap:wrap;gap:.5rem;display:flex}.opciones-radio label,label.check{align-items:center;gap:.55rem;font-weight:400;display:flex}.opciones-radio label{border:1.5px solid var(--borde);cursor:pointer;border-radius:7px;padding:.45rem .95rem}.opciones-radio label:has(input:checked){border-color:var(--morado);background:var(--morado-suave)}.opciones-radio input,label.check input{width:auto;min-height:0;accent-color:var(--morado)}label.check{color:var(--texto);align-items:flex-start;font-size:.9rem;font-weight:300}label.check input{margin-top:.3rem}.legal{color:var(--texto-suave);font-size:.8rem;font-weight:300}.boton{font:inherit;cursor:pointer;background:var(--coral);color:#fff;min-height:50px;transition:background var(--transicion), border-color var(--transicion), color var(--transicion), transform var(--transicion);white-space:nowrap;border:0;border-radius:7px;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1.6rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.boton:hover{background:#d94b3d}.boton:active{transform:translateY(1px)}.boton:not(.secundario):not(.fantasma):not(:disabled):hover{box-shadow:0 8px 20px #16142a33}.boton.acento{background:var(--degradado)}.boton.acento:hover{background:var(--degradado);filter:brightness(1.08)}.boton.pequeno{border-radius:7px;min-height:36px;padding:.4rem .95rem;font-size:.82rem}.boton:disabled{background:var(--desactivado);color:#fff;cursor:not-allowed}.boton.secundario{background:var(--superficie);color:var(--morado);border:1.5px solid var(--acento)}.boton.secundario:hover{border-color:var(--morado);background:var(--superficie);color:var(--morado-oscuro)}.boton.fantasma{color:var(--texto);background:0 0;border:0}.boton.fantasma:hover{background:var(--fondo);color:var(--tinta)}.boton.secundario:disabled{color:#b3b6b8;background:0 0}.enlace{font:inherit;color:var(--morado);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.4rem;text-decoration:underline}.error{color:var(--error);margin:0;font-size:.9rem;font-weight:400}.aviso{background:var(--morado-suave);border-radius:var(--radio-m);color:var(--tinta);padding:.8rem 1rem;font-size:.92rem}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--acento);margin:0 0 .6rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.pantalla.acceso{align-items:center;gap:clamp(1.5rem,4vw,3rem);padding-top:clamp(0rem,4vh,2.5rem);display:grid}.pantalla.acceso[hidden]{display:none}.contenedor:has(>.acceso:not([hidden])){max-width:1040px}.acceso-presentacion h1{margin-bottom:.5em;font-size:clamp(1.7rem,4.2vw,2.6rem);line-height:1.12}.acceso-presentacion .intro{max-width:46ch;font-size:1.02rem}.datos-test{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.datos-test li{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-m);gap:.15rem;padding:.9rem 1rem;display:grid}.datos-test b{color:var(--tinta);font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:600;line-height:1}.datos-test span{color:var(--texto-suave);font-size:.8rem;line-height:1.35}.acceso-formulario h2{margin-bottom:.3em;font-size:1.35rem}@media (width>=860px){.pantalla.acceso{grid-template-columns:1.15fr 1fr}}.pasos-test{gap:1rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.pasos-test li{align-items:flex-start;gap:.9rem;display:flex}.paso-num{background:var(--morado-suave);height:32px;color:var(--morado-oscuro);border-radius:50%;flex:0 0 32px;place-items:center;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;display:grid}.ejemplo-orden{background:var(--fondo);border-radius:var(--radio-m);gap:.4rem;margin:1.5rem 0 1rem;padding:1rem;display:grid}.ej{background:var(--superficie);border:1.5px solid var(--borde);border-radius:var(--radio-m);color:var(--texto-suave);align-items:center;gap:.7rem;min-height:44px;padding:.45rem .8rem;font-size:.82rem;display:flex}.ej i{color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-family:Outfit,sans-serif;font-size:.8rem;font-style:normal;font-weight:600;display:grid}.ej:after{content:"";background:var(--borde);border-radius:999px;flex:1;max-width:55%;height:8px;margin-left:auto}.ej-1 i,.opcion[data-pos="1"] .rango{background:var(--morado)}.ej-2 i,.opcion[data-pos="2"] .rango{background:color-mix(in srgb, var(--morado) 72%, #fff)}.ej-3 i,.opcion[data-pos="3"] .rango{background:color-mix(in srgb, var(--morado) 50%, #fff)}.ej-4 i,.opcion[data-pos="4"] .rango{background:color-mix(in srgb, var(--morado) 32%, #fff)}.nota-guardado{color:var(--texto-suave);font-size:.85rem}.boton-grande{width:100%;min-height:54px;padding:.9rem 2rem;font-size:1rem}@media (width>=560px){.boton-grande{width:auto}}.progreso{margin-bottom:1.5rem}.contador{color:var(--texto-suave);justify-content:space-between;align-items:baseline;margin-bottom:.6rem;font-size:.88rem;display:flex}.contador b{color:var(--tinta);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600}.segmentos{grid-template-columns:repeat(24,1fr);gap:3px;display:grid}.segmentos i{background:var(--borde);height:6px;transition:background var(--transicion);border-radius:999px}.segmentos i.hecho{background:var(--morado)}.segmentos i.actual{background:color-mix(in srgb, var(--morado) 35%, var(--borde));box-shadow:0 0 0 1.5px var(--morado) inset}.segmentos i.actual.hecho{background:var(--morado)}.consigna{margin-bottom:.25rem;font-size:clamp(1.2rem,3vw,1.45rem);font-weight:600}.consigna:focus{outline:none}.pista{color:var(--texto-suave);min-height:1.5em;margin:0 0 1rem;font-size:.9rem}.opciones{gap:.6rem;margin-bottom:1.5rem;display:grid}.opcion{font:inherit;text-align:left;width:100%;min-height:66px;color:var(--tinta);background:var(--superficie);border:1.5px solid var(--borde);border-radius:var(--radio);cursor:pointer;transition:border-color var(--transicion), background var(--transicion), box-shadow var(--transicion), transform .1s;align-items:center;gap:1rem;padding:.75rem 1.1rem;font-size:1.02rem;font-weight:400;display:flex}.opcion:hover{border-color:color-mix(in srgb, var(--morado) 45%, var(--borde));box-shadow:var(--sombra-s)}.opcion:active{transform:scale(.99)}.opcion .rango{color:#fff;border:1.5px dashed #cbc8c2;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-family:Outfit,sans-serif;font-weight:600;display:grid}.opcion.elegida .rango{border:0}.opcion[data-pos="1"]:after,.opcion[data-pos="4"]:after{letter-spacing:.04em;text-transform:uppercase;color:var(--morado-oscuro);white-space:nowrap;margin-left:auto;padding-left:.5rem;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:700}.opcion[data-pos="1"]:after{content:"Más"}.opcion[data-pos="4"]:after{content:"Menos";color:var(--texto-suave)}.acciones{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.acciones .boton{flex:140px}#pantalla-test .acciones #btn-anterior{color:var(--texto-suave);background:0 0;border-color:#0000;flex:0 auto}#pantalla-test .acciones #btn-anterior:hover:not(:disabled){color:var(--tinta);background:var(--fondo)}#pantalla-test .acciones #btn-anterior:disabled{visibility:hidden}#pantalla-test .acciones #btn-siguiente{flex:0 220px;margin-left:auto}.fin{text-align:center;padding-block:clamp(2rem,6vw,3.5rem)}.fin p{max-width:44ch;margin-inline:auto}.icono-fin{width:76px;height:76px;margin:0 auto 1.25rem}.icono-fin svg{fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.icono-fin circle{stroke:var(--morado);stroke-width:2.5px;fill:var(--morado-suave)}.icono-fin path{stroke:var(--morado);stroke-width:3.5px;stroke-dasharray:40;stroke-dashoffset:40px;animation:.5s .2s forwards trazo}@keyframes trazo{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.icono-fin path{stroke-dashoffset:0;animation:none}}@media (width<=480px){.datos-test{gap:.5rem;margin-top:1.25rem}.datos-test li{padding:.7rem .75rem}.datos-test b{font-size:1.35rem}.datos-test span{overflow-wrap:anywhere;font-size:.74rem}}.acceso-presentacion h1{letter-spacing:0;font-size:clamp(2.1rem,5.2vw,3.4rem);line-height:1.02}.datos-test li{border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra);border:0;padding:1rem 1.1rem}.datos-test b{letter-spacing:0;font-size:2rem;font-weight:700}.datos-test li.color{background:var(--degradado)}.datos-test li.color b,.datos-test li.color span{color:#fff}.acceso-formulario{padding:clamp(1.5rem,4vw,2.5rem)}.acceso-formulario h2{letter-spacing:0;font-size:1.5rem;font-weight:700}input,select,textarea{border-radius:var(--radio-m);border-color:var(--borde)}.opcion{border-radius:var(--radio-m);box-shadow:var(--sombra-s), 0 4px 14px #16142a0d;border-color:#0000}.opcion:hover{border-color:color-mix(in srgb, var(--morado) 35%, transparent)}.opcion.elegida{border-color:color-mix(in srgb, var(--morado) 45%, transparent);background:#fbf6fb}.consigna{letter-spacing:0;font-size:clamp(1.35rem,3.4vw,1.7rem);font-weight:700}.contador b{font-size:1.5rem;font-weight:700}.ejemplo-orden{border-radius:var(--radio)}.ej{border-radius:var(--radio-m);box-shadow:var(--sombra-s);border-color:#0000}.opciones-radio label{background:var(--superficie);border-color:var(--borde)}.aviso{border-radius:var(--radio-m)}.fin h1{font-size:clamp(2.2rem,6vw,3.2rem)}.lista-escala{counter-reset:frase;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.item-escala{counter-increment:frase;border:1.5px solid var(--borde);border-radius:var(--radio-m);transition:border-color var(--transicion), background var(--transicion);padding:.85rem 1rem}.item-escala.hecho{background:#faf9f7;border-color:#e2ded8}.item-escala p{color:var(--tinta);margin:0 0 .6rem;font-weight:500}.item-escala p:before{content:counter(frase) ". ";color:var(--morado);font-family:Outfit,sans-serif;font-weight:600}.niveles{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.nivel{font:inherit;border:1.5px solid var(--borde);min-height:44px;color:var(--texto);cursor:pointer;background:#fff;border-radius:10px;padding:.5rem .25rem;font-size:.78rem;line-height:1.15}.nivel:hover{border-color:var(--texto-suave)}.nivel.elegido{background:var(--tinta);border-color:var(--tinta);color:#fff;font-weight:600}@media (width<=480px){.niveles{grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem}.nivel{padding:.45rem .1rem;font-size:.68rem}}.cabecera-derecha-test{align-items:center;gap:.8rem;display:flex}.campo-idioma{margin:0;display:inline-flex}.campo-idioma select{border-radius:8px;min-height:34px;padding:.25rem .6rem;font-size:.85rem}.sr-solo{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}