:root{--bipa-verde-hoja:#7a9a45;--bipa-marron:#7e5b55;--bipa-gris-lema:#705f5f;--bipa-blanco:#fff;--bipa-verde-bosque:#286a4d;--bipa-verde-bosque-oscuro:#1d543c;--bipa-verde-lima:#95cf5f;--bipa-lima-claro:#acd982;--bipa-crema-verdoso:#f6f8f1;--bipa-hueso:#fbfaf6;--bipa-verde-noche:#203022;--bipa-arena:#e2ded5;--bipa-manana:#fcf5d8;--bipa-tarde:#ffeae5;--bipa-noche:#efeefe}@font-face{font-family:Lexend;src:url(/fonts/lexend-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/lexend-latin-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lexend Exa;src:url(/fonts/lexend-exa-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--bipa-verde-hoja:var(--bipa-verde-hoja,#7a9a45);--bipa-verde-lima:var(--bipa-verde-lima,#95cf5f);--bipa-verde-noche:var(--bipa-verde-noche,#203022);--verde:#0f7a43;--verde-claro:#22a45d;--verde-oscuro:#0a5a31;--fondo:#fff;--tarjeta:#fff;--texto:var(--bipa-verde-noche);--suave:#5a6b60;--linea:#cfdcd3;--error:#b3261e;--error-fondo:#fdecea;--foco:#7a9a45;--radio:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#fff;--tarjeta:#fff;--texto:var(--bipa-verde-noche);--suave:#5a6b60;--linea:#cfdcd3;--error:#b3261e;--error-fondo:#fdecea;--foco:#7a9a45}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);min-height:100dvh;color:var(--texto);margin:0;font-family:Lexend,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.45}#app{min-height:100dvh}.marco{max-width:460px;min-height:100dvh;padding:max(6px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;margin:0 auto;display:flex}.logo{justify-content:center;align-self:center;align-items:center;width:100%;max-width:440px;margin:0 auto;display:flex}.logo-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:260px;display:block}.marca{display:none}@media (prefers-color-scheme:dark){.marca{display:none}}.tarjeta{background:var(--tarjeta);border-radius:var(--radio);border:1px solid #dbe7dd;gap:12px;padding:20px 18px;display:grid;box-shadow:0 4px 14px #0000000a}.bloque-login{gap:8px;margin-top:0;display:grid}.tarjeta-login{margin-top:0}.tarjeta.centro{text-align:center;justify-items:center}.menu-principal{gap:10px;margin-top:4px;display:grid}.menu-btn{min-height:52px;color:var(--texto);font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #d5e2d7;border-radius:14px;padding:0 14px;font-weight:600}.menu-btn:active{transform:scale(.995)}.acciones-form,.fila-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.borrador-item{background:#fdfefd;border:1px solid #e2ece4;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (width<=430px){.acciones-form,.fila-2{grid-template-columns:1fr}}h1{margin:0;font-size:1.45rem;line-height:1.2}.pasos{color:var(--suave);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.85rem;font-weight:600}.texto{color:var(--suave);margin:0}.campo{gap:6px;display:grid}.etiqueta{font-size:.95rem;font-weight:600}.ayuda{color:var(--suave);font-size:.85rem}input,select,textarea{width:100%;min-height:54px;font:inherit;color:var(--texto);background:var(--fondo);border:1.5px solid var(--linea);appearance:none;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:12px 14px;font-size:1.0625rem}textarea{resize:vertical;min-height:92px}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{border-color:var(--foco);outline:none;box-shadow:0 0 0 4px #7a9a454d}.con-ojo{display:block;position:relative}.con-ojo input{padding-right:56px}.ojo{width:48px;height:48px;color:var(--suave);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.ojo:focus-visible,.boton:focus-visible,.enlace:focus-visible,.rol:focus-visible{outline:3px solid var(--foco);outline-offset:2px}.icono{width:24px;height:24px;display:inline-grid}.icono svg{width:100%;height:100%}.boton{min-height:56px;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(150deg, var(--verde), var(--verde-claro));border:0;border-radius:16px;padding:0 20px;font-size:1.1rem;font-weight:700;transition:transform .12s,opacity .12s;box-shadow:0 6px 16px #0f7a4347}.boton:active{transform:scale(.98)}.boton:disabled{opacity:.65;cursor:progress}.boton.esperando{animation:1.2s ease-in-out infinite latido}.boton.secundario{color:var(--verde);border:2px solid var(--verde);box-shadow:none;background:0 0}@media (prefers-color-scheme:dark){.boton.secundario{color:var(--verde-claro);border-color:var(--verde-claro)}}@keyframes latido{50%{opacity:.45}}.enlace{min-height:44px;font:inherit;color:var(--verde);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:10px 6px;font-weight:700;text-decoration:underline}@media (prefers-color-scheme:dark){.enlace{color:var(--verde-claro)}}.enlace.atras{justify-self:start;text-decoration:none}.pie{text-align:center;color:var(--suave);margin:0}.aviso{background:var(--error-fondo);color:var(--error);border-radius:12px;margin:0;padding:12px 14px;font-size:.95rem;font-weight:600;display:none}.aviso.visible{display:block}.rol{text-align:left;width:100%;min-height:84px;font:inherit;color:var(--texto);background:var(--fondo);border:2px solid var(--linea);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .12s,transform .12s;display:flex}.rol:hover{border-color:var(--verde-claro)}.rol:active{transform:scale(.985)}.rol .icono{width:44px;height:44px;color:var(--verde);background:#22a45d26;border-radius:14px;flex:none;padding:10px}.rol-texto{gap:2px;display:grid}.rol-texto strong{font-size:1.1rem}.rol-texto small{color:var(--suave);font-size:.9rem}.fuerza-fila{align-items:center;gap:10px;margin-top:-6px;display:flex}.fuerza{flex:none;grid-template-columns:repeat(4,1fr);gap:4px;width:96px;display:grid}.fuerza i{background:var(--linea);border-radius:3px;height:6px;transition:background .2s}.fuerza[data-nivel="1"] i:nth-child(-n+2){background:#e0a100}.fuerza[data-nivel="2"] i:nth-child(-n+3){background:#6cb33f}.fuerza[data-nivel="3"] i{background:var(--verde)}.sello{color:#fff;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.sello .icono{width:44px;height:44px}.sello.exito{background:linear-gradient(150deg, var(--verde), var(--verde-claro));animation:.45s cubic-bezier(.2,1.2,.4,1) both aparece}.sello .trazo{stroke-dasharray:30;stroke-dashoffset:30px;animation:.5s .25s forwards dibuja}@keyframes aparece{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes dibuja{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sello .trazo{stroke-dashoffset:0}}
