:root{--verde: #5b8c2a;--verde-oscuro: #4c7622;--verde-claro: #eaf3df;--hueso: #f6f7f3;--exito: #2e7d32;--aviso: #ef8c1b;--error: #d84343;--info: #2b7fbe;--fondo: #f2f4ef;--superficie: #ffffff;--borde: #e3e7dd;--texto: #1b2016;--texto-suave: #6b7268;--texto-tenue: #9aa196;--r-chico: 10px;--r: 16px;--r-grande: 22px;--sombra: 0 1px 2px rgb(27 32 22 / 6%), 0 8px 24px -12px rgb(27 32 22 / 18%);--sombra-alta: 0 -2px 20px rgb(27 32 22 / 10%);--alto-superior: 56px;--alto-inferior: 62px;--seguro-arriba: env(safe-area-inset-top, 0px);--seguro-abajo: env(safe-area-inset-bottom, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;block-size:100%}body{background:var(--fondo);color:var(--texto);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}#app{block-size:100%}button{border:0;background:none;color:inherit;font:inherit;cursor:pointer}input,select,textarea{border:0;color:inherit;font:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.escenario{display:grid;place-items:center;min-block-size:100%}.dispositivo{display:flex;position:relative;flex-direction:column;overflow:hidden;background:var(--fondo);block-size:100dvh;inline-size:100%}@media(min-width:760px){.escenario{background:radial-gradient(circle at 50% 0%,#e8efe0,#eef0ea 45%,#e6e9e1);padding-block:28px}.dispositivo{border:11px solid #14170f;border-radius:46px;box-shadow:0 0 0 2px #33372c,0 40px 70px -20px #14170f73;block-size:min(880px,calc(100dvh - 56px));inline-size:404px}.estado-simulado{display:flex;align-items:center;justify-content:space-between;padding-block:9px 3px;padding-inline:26px 22px;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.2px;pointer-events:none}.estado-simulado.oscura{color:var(--texto)}}.estado-simulado{display:none}.marco-pie{display:none;margin-block-start:14px;color:var(--texto-suave);font-size:12.5px;text-align:center}@media(min-width:760px){.marco-pie{display:block}}.pantalla{display:grid;flex:1;grid-template-rows:auto 1fr;background:var(--fondo);min-block-size:0}.contenido{position:relative;overflow-y:auto;padding-block-end:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.contenido::-webkit-scrollbar{display:none}.hueco{padding-inline:16px}.barra-superior{display:flex;position:relative;z-index:3;align-items:center;gap:10px;padding-inline:12px;border-block-end:1px solid var(--borde);background:var(--superficie);padding-block-start:var(--seguro-arriba);block-size:calc(var(--alto-superior) + var(--seguro-arriba))}.barra-superior.verde{border-block-end-color:transparent;background:linear-gradient(160deg,var(--verde) 0%,var(--verde-oscuro) 100%);color:#fff}.barra-superior .titulo{flex:1;min-inline-size:0;font-size:16.5px;font-weight:650;letter-spacing:-.2px}.barra-superior .subtitulo{color:var(--texto-suave);font-size:12px;font-weight:500}.barra-superior.verde .subtitulo{color:#ffffffc7}.icono-btn{display:grid;flex:0 0 auto;place-items:center;border-radius:50%;block-size:38px;inline-size:38px;transition:background .15s ease}.icono-btn:active{background:#1b201614}.barra-superior.verde .icono-btn:active{background:#ffffff29}.barra-inferior{display:flex;position:relative;z-index:3;align-items:stretch;border-block-start:1px solid var(--borde);background:#ffffffeb;padding-block-end:var(--seguro-abajo);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);block-size:calc(var(--alto-inferior) + var(--seguro-abajo))}.nav-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--texto-tenue);font-size:10.5px;font-weight:600;transition:color .15s ease}.nav-item.activo{color:var(--verde)}.nav-item .punto{position:absolute;border-radius:50%;background:var(--error);block-size:7px;inline-size:7px;inset-block-start:9px;inset-inline-start:58%}.nav-centro{display:grid;place-items:center;border-radius:18px;margin-block-start:-14px;background:linear-gradient(160deg,var(--verde) 0%,var(--verde-oscuro) 100%);box-shadow:0 6px 16px -4px #5b8c2a99;color:#fff;block-size:46px;inline-size:46px}.tarjeta{border-radius:var(--r);background:var(--superficie);box-shadow:var(--sombra)}.tarjeta.plana{border:1px solid var(--borde);box-shadow:none}.tarjeta-cuerpo{padding:14px}.seccion{margin-block-start:18px}.seccion-titulo{display:flex;align-items:center;justify-content:space-between;margin-block-end:9px;color:var(--texto-suave);font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.lista{border-radius:var(--r);background:var(--superficie);box-shadow:var(--sombra);overflow:hidden}.renglon{display:flex;align-items:center;gap:12px;padding:12px 14px;transition:background .12s ease}.renglon+.renglon{border-block-start:1px solid var(--borde)}.renglon:active{background:#f7f9f4}.renglon-texto{flex:1;min-inline-size:0}.renglon-titulo{font-size:14.5px;font-weight:600;letter-spacing:-.1px}.renglon-detalle{color:var(--texto-suave);font-size:12.5px}.truncar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;flex:0 0 auto;place-items:center;border-radius:13px;background:var(--verde-claro);color:var(--verde-oscuro);font-size:15px;font-weight:700;block-size:42px;inline-size:42px}.avatar.emoji{background:#f4f6f0;font-size:21px}.avatar.chico{border-radius:10px;font-size:13px;block-size:34px;inline-size:34px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;background:#f0f2ec;color:var(--texto-suave);font-size:11.5px;font-weight:650;white-space:nowrap}.chip.verde{background:var(--verde-claro);color:var(--verde-oscuro)}.chip.aviso{background:#fdf0dd;color:#a35d05}.chip.error{background:#fde9e9;color:#a52d2d}.chip.info{background:#e6f1fa;color:#1d5c8c}.chip.solido{color:#fff}.chip-madurez{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px 3px 6px;font-size:11.5px;font-weight:650}.chip-madurez .bolita{border-radius:50%;block-size:8px;inline-size:8px}.filtros{display:flex;gap:8px;overflow-x:auto;padding-block:2px;scrollbar-width:none}.filtros::-webkit-scrollbar{display:none}.filtro{flex:0 0 auto;border:1px solid var(--borde);border-radius:999px;padding:6px 13px;background:var(--superficie);color:var(--texto-suave);font-size:12.5px;font-weight:600}.filtro.activo{border-color:var(--verde);background:var(--verde);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:13px;padding:12px 16px;background:#eef1ea;color:var(--texto);font-size:14.5px;font-weight:650;transition:transform .1s ease,filter .15s ease}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primario{background:linear-gradient(160deg,var(--verde) 0%,var(--verde-oscuro) 100%);box-shadow:0 6px 16px -8px #5b8c2acc;color:#fff}.btn.peligro{background:var(--error);color:#fff}.btn.contorno{border:1.5px solid var(--borde);background:var(--superficie)}.btn.bloque{inline-size:100%}.btn.chico{border-radius:10px;padding:8px 12px;font-size:13px}.pie-accion{display:flex;position:sticky;z-index:2;align-items:center;gap:12px;border-block-start:1px solid var(--borde);padding:12px 16px calc(12px + var(--seguro-abajo));background:#fffffff5;box-shadow:var(--sombra-alta);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);inset-block-end:0}.campo{display:block;margin-block-end:12px}.campo-etiqueta{display:block;margin-block-end:5px;color:var(--texto-suave);font-size:12.5px;font-weight:650}.campo-caja{display:flex;align-items:center;gap:8px;border:1.5px solid var(--borde);border-radius:12px;padding:11px 13px;background:var(--superficie);transition:border-color .15s ease}.campo-caja:focus-within{border-color:var(--verde)}.campo-caja input,.campo-caja select,.campo-caja textarea{flex:1;min-inline-size:0;background:none;font-size:15px;outline:none}.buscador{display:flex;align-items:center;gap:9px;border-radius:13px;padding:10px 13px;background:#eceee8;color:var(--texto-suave)}.buscador input{flex:1;min-inline-size:0;background:none;color:var(--texto);font-size:15px;outline:none}.stepper{display:inline-flex;align-items:center;gap:2px;border:1.5px solid var(--borde);border-radius:11px;background:var(--superficie);overflow:hidden}.stepper button{display:grid;place-items:center;color:var(--verde-oscuro);font-size:19px;font-weight:600;block-size:34px;inline-size:34px}.stepper button:disabled{color:var(--texto-tenue)}.stepper .valor{min-inline-size:34px;font-size:15px;font-weight:700;text-align:center}.kpis{display:grid;gap:10px;grid-template-columns:1fr 1fr}.kpi{border-radius:var(--r);padding:12px;background:var(--superficie);box-shadow:var(--sombra)}.kpi-valor{font-size:19px;font-weight:750;letter-spacing:-.5px}.kpi-titulo{color:var(--texto-suave);font-size:11.5px;font-weight:650}.kpi-detalle{margin-block-start:2px;color:var(--texto-tenue);font-size:11px}.barra-progreso{overflow:hidden;border-radius:999px;background:#e8ebe4;block-size:6px}.barra-progreso>i{display:block;border-radius:999px;background:var(--verde);block-size:100%;transition:inline-size .3s ease}.aviso{display:flex;gap:10px;border-radius:var(--r);padding:12px 13px;background:#fdf0dd;color:#7a4708;font-size:13px;line-height:1.35}.aviso.error{background:#fde9e9;color:#8f2626}.aviso.exito{background:var(--verde-claro);color:#3c611a}.aviso.info{background:#e8f1f8;color:#1c4f77}.nota{color:var(--texto-tenue);font-size:11.5px;line-height:1.4}.vacio{padding-block:46px;color:var(--texto-suave);text-align:center}.vacio .cara{margin-block-end:8px;font-size:34px}.velo{position:absolute;z-index:20;background:#14190f6b;inset:0}.hoja{display:flex;position:absolute;z-index:21;flex-direction:column;border-start-start-radius:var(--r-grande);border-start-end-radius:var(--r-grande);background:var(--superficie);box-shadow:var(--sombra-alta);max-block-size:88%;inset-block-end:0;inset-inline:0}.hoja-asa{display:grid;flex:0 0 auto;place-items:center;padding-block:9px 3px}.hoja-asa>i{border-radius:999px;background:#d8ddd2;block-size:4px;inline-size:42px}.hoja-titulo{display:flex;align-items:center;gap:10px;padding:6px 16px 12px;border-block-end:1px solid var(--borde);font-size:16px;font-weight:700}.hoja-cuerpo{overflow-y:auto;flex:1;padding:14px 16px;-webkit-overflow-scrolling:touch}.hoja-pie{display:flex;flex:0 0 auto;gap:10px;border-block-start:1px solid var(--borde);padding:12px 16px calc(12px + var(--seguro-abajo))}.tostada{position:absolute;z-index:40;border-radius:14px;padding:12px 14px;background:#22281c;box-shadow:0 12px 28px -10px #0000008c;color:#fff;font-size:13.5px;line-height:1.35;inset-block-end:calc(var(--alto-inferior) + var(--seguro-abajo) + 12px);inset-inline:14px}.entra-enter-active,.entra-leave-active{transition:transform .26s cubic-bezier(.32,.72,0,1),opacity .2s ease}.entra-enter-from{opacity:.4;transform:translate(22px)}.entra-leave-to{opacity:0;transform:translate(-14px)}.sube-enter-active,.sube-leave-active{transition:transform .28s cubic-bezier(.32,.72,0,1)}.sube-enter-from,.sube-leave-to{transform:translateY(102%)}.desvanece-enter-active,.desvanece-leave-active{transition:opacity .2s ease}.desvanece-enter-from,.desvanece-leave-to{opacity:0}.fila{display:flex;align-items:center;gap:10px}.fila-entre{display:flex;align-items:center;justify-content:space-between;gap:10px}.columna{display:flex;flex-direction:column;gap:10px}.crece{flex:1;min-inline-size:0}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.envuelve{flex-wrap:wrap}.mt-2{margin-block-start:2px}.mt-4{margin-block-start:4px}.mt-8{margin-block-start:8px}.mt-12{margin-block-start:12px}.mt-16{margin-block-start:16px}.mb-8{margin-block-end:8px}.mb-12{margin-block-end:12px}.centrado{text-align:center}.derecha{text-align:end}.negrita{font-weight:700}.medio{font-weight:600}.grande{font-size:17px}.chico{font-size:12.5px}.mini{font-size:11px}.suave{color:var(--texto-suave)}.tenue{color:var(--texto-tenue)}.verde{color:var(--verde-oscuro)}.rojo{color:var(--error)}.naranja{color:var(--aviso)}.azul{color:var(--info)}.tachado{text-decoration:line-through}