:root{color-scheme:light;--papel: #F7F2FB;--superficie: #FFFFFF;--tinta: #2B1A3F;--tinta-suave: #6B5A80;--linea: #E7DDF0;--principal: #F26B1D;--principal-oscuro: #B4480A;--principal-claro: #FDE6D6;--sobre-principal: #2B1A3F;--secundario: #5B2A86;--secundario-claro: #EFE6F7;--acento-vela: #FFC94A;--acento-vela-claro: #FFF4D6;--acento-limon: #8CC63F;--exito: #2E7D5B;--exito-claro: #E3F4EA;--peligro: #C23B3B;--peligro-claro: #FBE5E5;--sombra-ventana: 0 16px 48px color-mix(in srgb, var(--tinta) 22%, transparent);--velo: color-mix(in srgb, var(--tinta) 45%, transparent)}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root{--letra-titulos: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--letra-texto: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--e1: 4px;--e2: 8px;--e3: 12px;--e4: 16px;--e6: 24px;--e8: 32px;--e12: 48px;--redondo: 999px;--radio-tarjeta: 12px;--radio-ventana: 20px;--tactil: 44px;--ancho-max: 1120px;--t-pantalla: 28px;--t-seccion: 20px;--t-texto: 16px;--t-etiqueta: 12px;--t-nota: 13px}@media(min-width:900px){:root{--t-pantalla: 40px;--t-seccion: 24px;--t-nota: 14px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--letra-texto);font-size:var(--t-texto);line-height:1.5;-webkit-tap-highlight-color:transparent}img,svg,canvas{max-width:100%}[hidden]{display:none!important}h1,h2,h3{font-family:var(--letra-titulos);line-height:1.15;margin:0;text-wrap:balance}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--principal-oscuro)}.titulo-pantalla{font-size:var(--t-pantalla);font-weight:700;color:var(--secundario)}.titulo-seccion{font-size:var(--t-seccion);font-weight:600;color:var(--secundario)}.etiqueta-mayus{font-size:var(--t-etiqueta);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave)}.nota{font-size:var(--t-nota);color:var(--tinta-suave)}.texto-suave{color:var(--tinta-suave)}.solo-lectores{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid var(--secundario);outline-offset:2px}.contenedor{width:100%;max-width:var(--ancho-max);margin-inline:auto;padding-inline:max(var(--e4),env(safe-area-inset-left,0px)) max(var(--e4),env(safe-area-inset-right,0px))}.logo{display:inline-flex;align-items:center;gap:var(--e2);text-decoration:none;color:var(--tinta);min-height:var(--tactil)}.logo__icono{width:36px;height:36px;flex:none}.logo__texto{font-family:var(--letra-titulos);font-weight:700;font-size:24px;letter-spacing:-.01em}.icono{width:20px;height:20px;flex:none;stroke-width:2}.boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);min-height:48px;min-width:var(--tactil);padding:var(--e3) var(--e6);border:2px solid transparent;border-radius:var(--redondo);font-family:var(--letra-texto);font-size:16px;font-weight:800;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .08s ease,box-shadow .08s ease,background-color .15s ease}.boton--principal{background:var(--principal);color:var(--sobre-principal);font-family:var(--letra-titulos);font-weight:600;font-size:18px;box-shadow:0 3px 0 var(--principal-oscuro)}.boton--principal:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 var(--principal-oscuro)}.boton--secundario{background:var(--superficie);color:var(--tinta);border-color:var(--tinta)}.boton--secundario:active:not(:disabled){background:var(--secundario-claro)}.boton--texto{background:transparent;color:var(--principal-oscuro);padding-inline:var(--e2);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.boton--peligro{color:var(--peligro)}.boton--icono{padding:0;width:var(--tactil);min-height:var(--tactil);background:transparent;color:var(--tinta-suave)}.boton--icono:hover{background:var(--secundario-claro);color:var(--tinta)}.boton:disabled{background:var(--linea);color:var(--tinta-suave);border-color:transparent;box-shadow:none;cursor:not-allowed}.boton--texto:disabled{background:transparent;text-decoration:none}.boton--ancho{width:100%}.estado{display:inline-flex;align-items:center;gap:var(--e1);padding:2px var(--e3) 2px var(--e2);border-radius:var(--redondo);font-size:13px;font-weight:800;line-height:20px;white-space:nowrap}.estado .icono{width:14px;height:14px}.estado--sin-foto{background:var(--secundario-claro);color:var(--secundario)}.estado--procesando{background:var(--acento-vela-claro);color:var(--tinta)}.estado--lista{background:var(--exito-claro);color:var(--exito)}.estado--descargada{background:var(--exito);color:var(--superficie)}.estado--sin-cara{background:var(--peligro-claro);color:var(--peligro)}.estado--revisar{background:var(--acento-vela);color:var(--tinta)}.estado--procesando .icono{animation:girar 1.2s linear infinite}.insignia{display:inline-block;padding:2px var(--e2);border-radius:var(--redondo);font-size:var(--t-etiqueta);font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--acento-limon);color:var(--tinta)}.campo-grupo{display:flex;flex-direction:column;gap:var(--e1)}.campo{width:100%;min-height:48px;padding:var(--e3) var(--e4);font-size:16px;background:var(--superficie);color:var(--tinta);border:2px solid var(--linea);border-radius:var(--radio-tarjeta)}.campo::placeholder{color:var(--tinta-suave)}.campo:focus{outline:none;border-color:var(--secundario)}.campo:focus-visible{outline:none}.campo--en-linea{min-height:var(--tactil);padding:var(--e1) var(--e2);border-color:transparent;background:transparent;font-weight:700}.campo--en-linea:hover{border-color:var(--linea)}.campo--en-linea:focus{background:var(--superficie);border-color:var(--secundario)}.deslizador{width:100%;min-height:var(--tactil);accent-color:var(--secundario);cursor:pointer}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-tarjeta)}.tarjeta--relleno{padding:var(--e4)}.zona-subir{display:flex;flex-direction:column;align-items:center;gap:var(--e3);padding:var(--e6) var(--e4);text-align:center;background:var(--superficie);border:2px dashed var(--linea);border-radius:var(--radio-tarjeta);transition:border-color .15s ease,background-color .15s ease}.zona-subir--encima{border-color:var(--principal);background:var(--principal-claro)}.fondo-cuaderno{background-color:var(--superficie);background-image:radial-gradient(var(--linea) 1.5px,transparent 1.6px);background-size:16px 16px}.segmentado{display:inline-flex;flex-wrap:wrap;gap:var(--e1);width:fit-content;max-width:100%;padding:var(--e1);border-radius:var(--redondo);background:var(--superficie);border:1px solid var(--linea)}.segmentado button{min-height:var(--tactil);padding:var(--e2) var(--e4);border:0;border-radius:var(--redondo);background:transparent;font-weight:700;color:var(--tinta-suave);cursor:pointer;display:inline-flex;align-items:center;gap:var(--e2)}.segmentado button[aria-pressed=true],.segmentado button[aria-checked=true]{background:var(--secundario);color:var(--superficie)}.filtros{display:flex;gap:var(--e2);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--e4));padding:var(--e1) var(--e4);scroll-snap-type:x proximity}.filtros::-webkit-scrollbar{display:none}.filtro{flex:none;min-height:var(--tactil);padding:var(--e2) var(--e4);border:2px solid var(--linea);border-radius:var(--redondo);background:var(--superficie);color:var(--tinta);font-weight:700;cursor:pointer;scroll-snap-align:start;white-space:nowrap}.filtro[aria-pressed=true]{background:var(--secundario-claro);border-color:var(--secundario);color:var(--secundario)}.pasos{display:flex;gap:var(--e2);list-style:none;margin:0;padding:0}.pasos li{flex:1;min-width:0}.paso{width:100%;min-height:var(--tactil);display:flex;align-items:center;justify-content:center;gap:var(--e2);padding:var(--e1) var(--e2);border:2px solid var(--linea);border-radius:var(--redondo);background:var(--superficie);color:var(--tinta-suave);font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}.paso__numero{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;font-family:var(--letra-titulos);font-weight:700;font-size:14px;background:var(--linea);color:var(--tinta)}.paso--hecho{border-color:var(--tinta);color:var(--tinta)}.paso--hecho .paso__numero{background:var(--tinta);color:var(--superficie)}.paso[aria-current=step]{background:var(--principal);border-color:var(--principal);color:var(--sobre-principal)}.paso[aria-current=step] .paso__numero{background:var(--superficie);color:var(--tinta)}.paso:disabled{cursor:not-allowed;opacity:.6}@media(max-width:400px){.pasos{gap:var(--e1)}.paso{font-size:13px;gap:6px;padding-inline:var(--e1)}.paso__numero{width:20px;height:20px;font-size:12px}}@media(min-width:900px){.paso{font-size:16px}}.barra-inferior{position:sticky;bottom:0;z-index:5;padding:var(--e3) var(--e4) calc(var(--e3) + env(safe-area-inset-bottom,0px));background:var(--papel);border-top:1px solid var(--linea)}.ventana{width:min(440px,calc(100% - 2 * var(--e4)));padding:var(--e6);border:0;border-radius:var(--radio-ventana);background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra-ventana)}.ventana::backdrop{background:var(--velo)}.ventana[open]{animation:aparecer .2s ease}.ventana__acciones{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--e3);margin-top:var(--e6)}.hoja{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:100%;max-height:90dvh;overflow:auto;padding:var(--e6) var(--e4) calc(var(--e6) + env(safe-area-inset-bottom,0px));border:0;border-radius:var(--radio-ventana) var(--radio-ventana) 0 0;background:var(--superficie);color:var(--tinta);box-shadow:var(--sombra-ventana)}.hoja::backdrop{background:var(--velo)}.hoja[open]{animation:subir .2s ease}.hoja:before{content:"";display:block;width:40px;height:4px;margin:calc(-1 * var(--e3)) auto var(--e4);border-radius:var(--redondo);background:var(--linea)}@media(min-width:900px){.hoja{top:0;right:0;bottom:0;left:0;margin:auto;width:min(480px,100%);height:fit-content;border-radius:var(--radio-ventana)}.hoja:before{display:none}.hoja[open]{animation:aparecer .2s ease}}.aviso{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:20;transform:translate(-50%);width:max-content;max-width:calc(100% - 2 * var(--e4));display:flex;align-items:center;gap:var(--e2);padding:var(--e3) var(--e4);border-radius:var(--radio-tarjeta);background:var(--tinta);color:var(--superficie);box-shadow:var(--sombra-ventana);font-weight:700;animation:desvanecer .2s ease}.espera{display:flex;flex-direction:column;align-items:center;gap:var(--e4);padding:var(--e8) var(--e4);text-align:center}.espera__ilustracion{width:96px;height:96px;animation:flotar 2s ease-in-out infinite}.barra-avance{width:min(280px,100%);height:12px;overflow:hidden;border-radius:var(--redondo);background:var(--linea)}.barra-avance__relleno{height:100%;width:0;border-radius:inherit;background:var(--principal);transition:width .4s ease}.rebote{animation:rebote .25s ease-out}@keyframes rebote{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes girar{to{transform:rotate(360deg)}}@keyframes aparecer{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes desvanecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}