.cuenta{display:flex;flex-direction:column;gap:32px;width:min(85%,1600px);margin:130px auto;color:var(--texto-principal);font-size:18px;line-height:1.5;& h1,& h2,& h3,& p{margin:0}}.cuenta:not(.cuenta--panel)>*{max-width:760px}.cuenta--panel{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,2000px);gap:32px 96px;align-items:start}.cuenta-lateral{position:sticky;top:130px;gap:28px}.cuenta-contenido,.cuenta-lateral{display:flex;flex-direction:column}.cuenta-contenido{gap:32px;min-width:0;padding-bottom:96px}.cuenta--panel{margin-bottom:40px}.cuenta-indice{display:flex;flex-direction:column;gap:2px;margin:0;padding:20px 0 0;list-style:none;border-top:1px solid var(--gris-separador);& a{display:flex;align-items:center;gap:12px;min-height:40px;color:var(--texto-secundario);text-decoration:none}& a:hover{text-decoration:underline;text-underline-offset:3px}& a.activo,& a:hover{color:var(--verde-texto)}& a.activo{font-weight:600}}.cuenta .section-titulares h2{font-size:36px;font-weight:700;color:var(--texto-principal);text-wrap:balance}.cuenta .section-titulares p{font-size:18px;color:var(--texto-secundario);max-width:60ch}.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cuenta-aviso{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:8px;font-size:16px;font-weight:500;line-height:1.5;& p{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:16px}& p svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}}.cuenta-aviso.exito{background-color:var(--fondo-aviso-exito);color:var(--verde-texto)}.cuenta-aviso.info{background-color:var(--gris-claro);color:var(--texto-principal)}.cuenta-aviso.error{background-color:var(--fondo-aviso-error);color:var(--rojo-texto)}.cuenta-aviso.advertencia{background-color:var(--fondo-aviso-advertencia);color:var(--texto-advertencia)}.cuenta-aviso.advertencia a:not(.cuenta-btn){color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}.cuenta-lateral .cuenta-aviso{padding:12px 16px;font-size:16px;font-weight:400;line-height:1.45}.cuenta-aviso-cerrar{flex-shrink:0;min-height:32px;padding:0 4px;border:none;background:none;color:inherit;font:inherit;font-size:16px;text-decoration:underline;cursor:pointer}.cuenta-identidad{display:flex;align-items:center;gap:16px;&>img{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}}.cuenta-identidad-datos{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;& p{font-size:22px;font-weight:600;line-height:1.3}&>span{font-size:16px;color:var(--texto-secundario)}}.cuenta-foto{position:relative;flex-shrink:0;width:76px;height:76px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;& img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;transition:filter .2s ease}&:hover img{filter:brightness(.85)}}.cuenta-foto-icono{position:absolute;right:-2px;bottom:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid var(--blanco);border-radius:50%;background-color:var(--verde-texto);color:var(--blanco)}.cuenta-foto:focus-visible{outline:3px solid var(--verde-texto);outline-offset:3px}.cuenta-foto-elegir{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;border:2px dashed var(--verde-texto);border-radius:8px;background-color:var(--blanco);color:var(--verde-texto);font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;& span{font-size:16px;font-weight:400;color:var(--texto-secundario)}}.cuenta-foto-elegir:hover{background-color:var(--fondo-aviso-exito)}.cuenta-foto-recorte{position:relative;height:320px;border-radius:8px;overflow:hidden;background-color:var(--texto-principal)}.cuenta-rango{width:100%;height:32px;accent-color:var(--verde-texto);cursor:pointer}.cuenta-seccion,.cuenta-secciones{display:flex;flex-direction:column}.cuenta-seccion{gap:16px;padding-block:28px;border-top:1px solid var(--gris-separador);scroll-margin-top:120px}.cuenta--panel .cuenta-paso:first-child,.cuenta--panel .cuenta-seccion:first-child{padding-top:0;border-top:none}.cuenta-seccion-encabezado{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;& h2{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;line-height:1.25}& h2 svg{flex-shrink:0;color:var(--verde-texto)}}.cuenta-seccion-descripcion{color:var(--texto-secundario);max-width:60ch}.cuenta-lista{display:flex;flex-direction:column;gap:12px;margin:0}.cuenta-fila{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:4px 24px;& dt{display:flex;align-items:center;gap:10px;color:var(--texto-secundario)}& dt svg{flex-shrink:0}& dd{margin:0;font-weight:600;overflow-wrap:anywhere}}.cuenta-fila.apilada{grid-template-columns:minmax(0,1fr)}.cuenta-sin-dato{font-weight:400;color:var(--texto-secundario)}.cuenta-bloqueado{display:flex;gap:12px;color:var(--texto-secundario);max-width:60ch;& svg{flex-shrink:0;margin-top:3px}}.cuenta-accion{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0;border:none;background:none;color:var(--verde-texto);font:inherit;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cuenta-accion:hover{color:var(--verde-texto-hover)}.cuenta-botones{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px}.cuenta-accion.peligro{color:var(--rojo-texto)}.cuenta-accion.peligro:hover{color:var(--rojo-texto-hover)}.cuenta-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:8px;font:inherit;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}.cuenta-btn.compacto,.cuenta-seccion-encabezado .cuenta-btn{gap:6px;min-height:36px;padding:0 14px;border-radius:10px}.cuenta-btn.compacto svg,.cuenta-btn.ghost svg,.cuenta-seccion-encabezado .cuenta-btn svg{width:16px;height:16px}.cuenta-btn svg{flex-shrink:0;width:18px;height:18px}.cuenta-btn.primario{border:2px solid var(--verde-texto);background-color:var(--verde-texto);color:var(--blanco)}.cuenta-btn.primario:not(:disabled):hover{background-color:var(--verde-texto-hover);border-color:var(--verde-texto-hover)}.cuenta-btn.secundario{border:2px solid var(--verde-texto);background-color:var(--blanco);color:var(--verde-texto)}.cuenta-btn.secundario:not(:disabled):hover{background-color:var(--fondo-aviso-exito)}.cuenta-btn.peligro{border:2px solid var(--rojo-texto);background-color:var(--rojo-texto);color:var(--blanco)}.cuenta-btn.peligro:not(:disabled):hover{background-color:var(--rojo-texto-hover);border-color:var(--rojo-texto-hover)}.cuenta-btn.ghost{gap:6px;min-height:36px;padding:0 12px;border-radius:10px;border:2px solid transparent;background-color:var(--fondo-aviso-exito);color:var(--verde-texto)}.cuenta-btn.ghost:not(:disabled):hover{background-color:#dcebcd;color:var(--verde-texto-hover)}.cuenta-btn.ghost.azul{background-color:var(--fondo-ghost-azul);color:var(--texto-ghost-azul)}.cuenta-btn.ghost.azul:not(:disabled):hover{background-color:var(--fondo-ghost-azul-hover)}.cuenta-btn.ghost.rojo{background-color:var(--fondo-aviso-error);color:var(--rojo-texto)}.cuenta-btn.ghost.rojo:not(:disabled):hover{background-color:var(--fondo-ghost-rojo-hover);color:var(--rojo-texto-hover)}.cuenta-btn:disabled{border-color:var(--gris-borde);background-color:var(--gris-deshabilitado);color:var(--texto-secundario);cursor:not-allowed}.cuenta :is(a,button,input,[role=switch]):focus-visible,.cuenta-formulario :is(a,button,input,[role=switch]):focus-visible{outline:3px solid var(--verde-texto);outline-offset:2px}.cuenta-baja{display:flex;flex-direction:column;gap:4px;padding-top:28px;border-top:1px solid var(--gris-separador);& p{color:var(--texto-secundario);font-size:16px}& .cuenta-btn{align-self:flex-start;margin-bottom:6px}}.modal-content.cuenta-modal{width:min(92vw,640px);box-shadow:none}.cuenta-formulario{display:flex;flex-direction:column;gap:24px;color:var(--texto-principal);font-size:18px;line-height:1.5;& h2,& h3,& p{margin:0}&>h2{font-size:28px;font-weight:700;line-height:1.2;text-wrap:balance}& label,& legend{font-size:18px;font-weight:600}& .form-div>label{display:flex;align-items:center;gap:8px}& .input-base{min-height:46px;padding:10px 14px;font-size:16px;color:var(--texto-principal);border-radius:8px;box-sizing:border-box}& .input-base:focus{box-shadow:none;border-color:var(--verde-texto)!important}& .input-base[aria-invalid=true]{border-color:var(--rojo-texto)!important}& .form-div{gap:8px}}.cuenta-intro{color:var(--texto-secundario);max-width:60ch}.cuenta-campo-ayuda{font-size:16px;color:var(--texto-secundario)}.cuenta-campo-error{font-size:16px;font-weight:600;color:var(--rojo-texto)}.cuenta-radios{display:flex;flex-wrap:wrap;gap:0 28px;margin:0;padding:0;border:none;& legend{margin-bottom:4px;padding:0}&>p{flex-basis:100%}}.cuenta-radio{display:flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:400!important;cursor:pointer;& input{width:20px;height:20px;margin:0;accent-color:var(--verde-texto);cursor:pointer}}.dni-escaner{display:flex;flex-direction:column;gap:20px;scroll-margin-top:120px}.dni-escaner:focus{outline:none}.dni-paso{display:flex;flex-direction:column;gap:16px}.dni-guia{display:flex;flex-direction:column;gap:12px;max-width:380px;margin:0;& svg{width:100%;height:auto}& figcaption{color:var(--texto-secundario);font-size:16px}& figcaption strong{color:var(--texto-principal)}}.dni-guia-tarjeta{fill:#f3f5f2;stroke:var(--gris-separador);stroke-width:2}.dni-guia-resalte{fill:var(--fondo-aviso-exito);stroke:var(--verde-texto);stroke-width:2}.dni-guia-texto{fill:var(--verde-texto);font:700 12px Arial,Helvetica,sans-serif}.dni-guia-linea{fill:#dfe3dd}.dni-guia-mrz{fill:#8a918c;font:13px ui-monospace,Menlo,Consolas,monospace}.dni-guia-barra{fill:var(--verde-texto)}.dni-datos{padding-top:16px;border-top:1px solid var(--gris-separador)}.dni-confirmar{display:flex;flex-direction:column;gap:16px;width:100%;& .input-base{max-width:320px}}.dni-opciones .cuenta-btn{gap:10px}.dni-instruccion{font-size:18px}.dni-recorte{position:relative;width:100%;aspect-ratio:4/3;max-height:420px;border-radius:8px;overflow:hidden;background-color:var(--texto-principal);& .reactEasyCrop_CropArea{border:3px solid var(--verde-claro);border-radius:12px}}.dni-controles{display:flex;align-items:flex-end;gap:24px}.dni-zoom{flex:1}.dni-zoom-fila{display:flex;align-items:center;gap:12px;color:var(--texto-secundario);& svg{flex-shrink:0}}.dni-girar{flex-shrink:0}.dni-resultado{display:flex;align-items:flex-start;gap:20px}.dni-miniatura{width:200px;max-width:100%;flex-shrink:0;border-radius:8px;border:1px solid var(--gris-separador)}.dni-resultado-texto{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dni-resultado .cuenta-aviso{flex:1}.dni-leyendo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--texto-principal);& svg{color:var(--verde-texto)}}.dni-progreso{width:100%;max-width:360px;height:10px;accent-color:var(--verde-texto)}.dni-ayuda{color:var(--texto-secundario);font-size:16px}.dni-consejos{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;& li{display:flex;gap:12px;color:var(--texto-secundario)}& li svg{flex-shrink:0;margin-top:4px;color:var(--verde-texto)}}@keyframes dni-girar{to{transform:rotate(1turn)}}@media (max-width:600px){.dni-recorte{aspect-ratio:1/1}.dni-controles{align-items:stretch}.dni-controles,.dni-resultado{flex-direction:column}.dni-miniatura{width:100%}}.cuenta-pasos{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;counter-reset:paso}.cuenta-paso{display:flex;flex-direction:column;gap:16px;padding-block:24px;border-top:1px solid var(--gris-separador);counter-increment:paso;&>h2{display:flex;align-items:baseline;gap:12px;font-size:22px;font-weight:700;line-height:1.25}&>h2:before{content:counter(paso) ".";color:var(--verde-texto)}}.cuenta-paso-contenido{display:flex;flex-direction:column;gap:16px}.cuenta-paso-hecho{display:flex;align-items:center;gap:8px;color:var(--verde-texto);font-weight:600}.cuenta-paso-pendiente,.cuenta-paso.pendiente>h2{color:var(--texto-secundario)}.cuenta-paso-pendiente{font-size:16px}.cuenta-password{position:relative;display:flex;& .input-base{width:100%;padding-right:56px}}.cuenta-password-ver{position:absolute;top:0;right:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--texto-principal);cursor:pointer}.cuenta-requisitos{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;font-size:16px;& li{display:flex;align-items:center;gap:8px;color:var(--texto-secundario)}& li.cumplido{color:var(--verde-texto);font-weight:600}}.cuenta-codigo{max-width:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:22px!important;letter-spacing:.12em}.cuenta-consejos{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid var(--gris-separador);& h2{font-size:18px;font-weight:700}& ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}& li,& ul{display:flex}& li{gap:12px;color:var(--texto-secundario);font-size:17px}& li svg{flex-shrink:0;margin-top:3px;color:var(--verde-texto)}}.cuenta-consejos.peligro li svg{color:var(--rojo-texto)}@keyframes cuenta-aparecer{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes cuenta-resaltar{0%,40%{background-color:var(--fondo-aviso-exito);box-shadow:0 0 0 16px var(--fondo-aviso-exito)}to{background-color:transparent;box-shadow:0 0 0 16px transparent}}@keyframes cuenta-tilde{0%{transform:scale(.4)}70%{transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.cuenta-aparecer,.cuenta-aviso,.cuenta-campo-error{animation:cuenta-aparecer .25s ease-out}.cuenta-seccion.resaltada{border-radius:4px;animation:cuenta-resaltar 1.6s ease-out}.cuenta-requisitos li.cumplido svg{animation:cuenta-tilde .3s ease-out}.dni-girando{animation:dni-girar 1s linear infinite}.cuenta-accion,.cuenta-btn,.cuenta-formulario .input-base,.cuenta-indice a,.cuenta-requisitos li{transition:color .2s ease,background-color .2s ease,border-color .2s ease}}.cuenta-seccion h2:focus{outline:none}@media (max-width:1000px){.cuenta,.cuenta--panel{margin:110px auto 150px}.cuenta-contenido{padding-bottom:0}.cuenta--panel{grid-template-columns:minmax(0,1fr)}.cuenta-lateral{position:static}.cuenta-consejos.solo-escritorio,.cuenta-indice{display:none}.cuenta--panel .cuenta-paso:first-child,.cuenta--panel .cuenta-seccion:first-child{padding-top:28px;border-top:1px solid var(--gris-separador)}}@media (max-width:600px){.cuenta{gap:24px}.modal-content.cuenta-modal,.modal-content.cuenta-modal .modal-scroll{max-height:88dvh}.cuenta-formulario{gap:20px}.cuenta-formulario>h2{font-size:24px}.cuenta .section-titulares h2{font-size:28px}.cuenta-fila{grid-template-columns:minmax(0,1fr)}.cuenta-seccion-encabezado{flex-direction:column;align-items:flex-start;gap:4px}.cuenta-seccion-encabezado h2{font-size:22px}.cuenta-botones{flex-direction:column-reverse;align-items:stretch}.cuenta-btn{width:100%}.cuenta-btn.compacto,.cuenta-btn.ghost,.cuenta-seccion-encabezado .cuenta-btn{width:auto}.cuenta-seccion-encabezado .cuenta-btn{margin-top:4px}}