:root{color-scheme:light dark;--fondo: #f9f8ff;--superficie: #ffffff;--texto: #1c1b1f;--texto-2: #474553;--marca: #6f27e1;--sobre-marca: #ffffff;--tonal: #e3dfff;--sobre-tonal: #260059;--acento: #ffb341;--sobre-acento: #291800;--borde: #c9c5d6;--linea: #e3e1f1;--error: #bd1018}@media(prefers-color-scheme:dark){:root{--fondo: #141218;--superficie: #1d1b20;--texto: #e6e1e9;--texto-2: #c7c4d4;--marca: #c9beff;--sobre-marca: #40008c;--tonal: #49406b;--sobre-tonal: #e3dfff;--borde: #49454f;--linea: #36343b;--error: #ffb4ab}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.pantalla{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.tarjeta{width:100%;min-width:0;max-width:380px;display:flex;flex-direction:column;gap:16px}.logo{display:block;width:56px;height:56px}.titulo{display:flex;flex-direction:column;gap:4px}h1{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.01em;font-weight:700}.secundario{margin:0;color:var(--texto-2)}form{display:flex;flex-direction:column;gap:8px}label{font-size:14px;font-weight:600}input{height:52px;width:100%;padding:0 16px;border:1px solid var(--borde);border-radius:12px;background:var(--superficie);color:var(--texto);font:inherit}input:focus-visible,.boton:focus-visible,.enlace:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.boton{height:52px;margin-top:8px;padding:0 24px;border:0;border-radius:26px;background:var(--marca);color:var(--sobre-marca);font:inherit;font-weight:600;cursor:pointer}.boton:disabled{opacity:.5;cursor:default}a.boton{display:flex;align-items:center;justify-content:center;text-decoration:none}.boton.tonal{background:var(--tonal);color:var(--sobre-tonal)}.boton.google{margin-top:0;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--borde);background:var(--superficie);color:var(--texto)}.separador{display:flex;align-items:center;gap:12px;color:var(--texto-2);font-size:14px}.separador:before,.separador:after{content:"";flex:1;height:1px;background:var(--linea)}.enlace{align-self:center;min-height:44px;padding:8px 4px;border:0;background:none;color:var(--marca);font:inherit;font-weight:600;cursor:pointer}.correo-elegido{margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 4px 16px;border-radius:12px;background:var(--tonal);color:var(--sobre-tonal)}.correo-elegido span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.correo-elegido .enlace{flex-shrink:0;color:inherit;text-decoration:underline}.secundario strong{overflow-wrap:anywhere}.ayuda{margin:0;font-size:14px;color:var(--texto-2)}.error{margin:0;color:var(--error);font-size:15px}.error:empty{display:none}.con-franja{min-height:100dvh;display:flex;flex-direction:column}.con-franja .pantalla{flex:1;min-height:0;padding-top:24px}.franja{padding:max(12px,env(safe-area-inset-top)) 16px 12px;background:var(--tonal);color:var(--sobre-tonal)}.franja-dentro{max-width:380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.franja-texto{min-width:0}.franja h2{margin:0;font-size:16px;line-height:1.3;font-weight:700}.franja p{margin:2px 0 0;font-size:14px}.correo-franja{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.franja .enlace{flex-shrink:0;color:inherit;text-decoration:underline}@media(prefers-reduced-motion:no-preference){.boton{transition:filter .15s ease}.boton:hover:not(:disabled){filter:brightness(1.06)}}.vivo{position:relative;height:232px}.flota{position:absolute;padding:6px 12px;border-radius:16px 16px 16px 4px;background:var(--tonal);color:var(--sobre-tonal);font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap}.f1{left:4%;bottom:184px;opacity:.9}.f2{left:36%;bottom:160px;opacity:.7}.f3{left:62%;bottom:196px;opacity:.4}.facto{position:absolute;left:18px;bottom:30px}.burbuja{position:relative;filter:drop-shadow(0 14px 18px rgb(111 39 225 / .3))}.burbuja span{display:block;padding:14px 24px 16px;border-radius:32px 32px 32px 0;background:var(--marca);color:var(--sobre-marca);font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.02em;white-space:nowrap}.cola{position:absolute;left:-18px;bottom:0;width:36px;height:28px;fill:var(--marca)}.sello{position:absolute;top:-14px;right:-20px;padding:5px 10px;border-radius:8px;background:var(--acento);color:var(--sobre-acento);font-size:15px;font-weight:800;line-height:1.2;letter-spacing:.06em;transform:rotate(8deg);box-shadow:0 8px 16px -8px #2918008c}@media(prefers-color-scheme:dark){.burbuja{filter:drop-shadow(0 14px 18px rgb(0 0 0 / .45))}}@media(prefers-reduced-motion:no-preference){.burbuja{animation:llega .5s cubic-bezier(.2,.8,.2,1) both}.sello{animation:sella .4s .5s cubic-bezier(.3,.7,.4,1) both}.flota{bottom:120px;opacity:0;animation:sube 6s linear infinite}.f2{animation-delay:-2s}.f3{animation-delay:-4s}}@keyframes llega{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes sella{0%{opacity:0;transform:rotate(8deg) scale(1.35)}70%{opacity:1;transform:rotate(8deg) scale(.92)}to{opacity:1;transform:rotate(8deg) scale(1)}}@keyframes sube{0%{opacity:0;transform:translateY(0)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-84px)}}.sitio{min-height:100dvh;display:flex;flex-direction:column}.sitio main{flex:1}.cabecera,.portada,.pasos-dentro,.pie-dentro,.legal{width:100%;max-width:1040px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:16px}.marca{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--texto);font-size:20px;font-weight:800;letter-spacing:-.02em;text-decoration:none}.marca .logo{width:40px;height:40px}.boton.chico{height:44px;margin-top:0;padding:0 20px;border-radius:22px}.boton.grande{height:56px;margin-top:28px;padding:0 32px;border-radius:28px;font-size:17px}.sitio a:focus-visible{outline:2px solid var(--marca);outline-offset:2px;border-radius:6px}.portada{display:grid;gap:40px;align-items:center;padding-top:24px;padding-bottom:56px}.antetitulo{margin:0 0 12px;color:var(--marca);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-wrap:balance}.portada h1{font-size:clamp(38px,10.5vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:800;text-wrap:balance}.bajada{margin:16px 0 0;max-width:32em;color:var(--texto-2);font-size:18px;line-height:1.55}.nota{margin:12px 0 0;color:var(--texto-2);font-size:14px}.escena{position:relative;padding:52px 8px 4px;border:1px solid var(--linea);border-radius:28px;background:var(--superficie);overflow:hidden}.escena .burbuja span{font-size:28px}.en-vivo{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 10px;border-radius:999px;background:var(--tonal);color:var(--sobre-tonal);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.en-vivo:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acento)}.pasos{padding:56px 0 64px;border-top:1px solid var(--linea);background:var(--superficie)}.pasos h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.01em}.pasos-dentro>.secundario{margin-top:8px}.lista-pasos{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:16px}.paso{padding:20px;border:1px solid var(--linea);border-radius:20px;background:var(--fondo)}.numero{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--marca);color:var(--sobre-marca);font-weight:800}.paso h3{margin:14px 0 6px;font-size:18px;line-height:1.3}.paso p{margin:0;color:var(--texto-2)}.legal{max-width:720px;padding-top:24px;padding-bottom:56px}.legal h1{font-size:clamp(30px,8vw,40px);line-height:1.1;letter-spacing:-.02em;font-weight:800}.legal .bajada{font-size:17px}.legal section{margin-top:32px}.legal h2{margin:0;font-size:20px;line-height:1.3}.legal p{margin:8px 0 0}.legal ul{margin:8px 0 0;padding-left:20px}.legal li+li{margin-top:6px}.legal a{color:var(--marca);font-weight:600;overflow-wrap:anywhere}.legal .vigencia{margin-top:40px;color:var(--texto-2);font-size:14px}.pie{padding:16px 0 max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--linea);color:var(--texto-2);font-size:14px}.pie-dentro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px}.pie p{margin:0;padding:12px 0}.pie-enlaces{display:flex;gap:20px}.pie-enlaces a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:3px}.pie-enlaces a[aria-current=page]{color:var(--texto);font-weight:600;text-decoration:none}@media(min-width:860px){.portada{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;padding-top:72px;padding-bottom:104px}.boton.grande{width:fit-content}.escena{padding:64px 32px 16px}.lista-pasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
