:root{--bosque-900: #081e15;--bosque-800: #102c1f;--bosque-700: #1a4030;--bosque-600: #2a6448;--bosque-400: #3a805c;--bosque-200: #87b59a;--menta-100: #eef5ef;--menta-200: #dce9df;--crema-50: #faf8f3;--crema-100: #f5f0e4;--crema-200: #ede4d0;--arena-300: #e8dcc0;--dorado-500: #c9a961;--dorado-300: #d9c898;--ocre-700: #8e7333;--ocre-800: #6e5a28;--terracota-600: #b5462e;--tinta-600: #3c3c3c;--tinta-400: #6b6b6b;--blanco: #ffffff;--fuente-sans: "DM Sans", system-ui, sans-serif;--fuente-mono: "DM Mono", ui-monospace, monospace;--fuente-display: "Instrument Serif", Georgia, serif}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;-webkit-text-size-adjust:100%}body{background:var(--crema-50);color:var(--bosque-900);font-family:var(--fuente-sans);font-size:16px;line-height:1.55}#raiz{height:100%}.display{font-family:var(--fuente-display);font-weight:400}.mono{font-family:var(--fuente-mono)}.app{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1200px 500px at 80% -10%,var(--menta-100),transparent 60%),var(--crema-50)}.salto{position:absolute;left:-9999px;top:0;background:var(--bosque-700);color:var(--crema-100);padding:10px 16px;border-radius:0 0 10px;z-index:99}.salto:focus-visible{left:0}.cabecera{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--arena-300);background:var(--bosque-900);color:var(--crema-100);flex-shrink:0}.marca{display:flex;align-items:baseline;gap:12px;min-width:0}.marca-nombre{font-size:24px;letter-spacing:.3px}.marca-sello{font-size:10px;letter-spacing:2.5px;color:var(--dorado-300)}.escena{flex:1;display:grid;grid-template-rows:minmax(180px,34dvh) 1fr;min-height:0}.zona-arbol{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:4px 10px 0;overflow:hidden}.fondo-campo{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/imagenes/campo-amanecer.jpg) center 68% / cover no-repeat;-webkit-mask-image:radial-gradient(100% 78% at 50% 62%,rgba(0,0,0,1) 22%,transparent 70%),linear-gradient(to top,transparent 0,#000 14%,#000 88%,transparent 100%);mask-image:radial-gradient(100% 78% at 50% 62%,rgba(0,0,0,1) 22%,transparent 70%),linear-gradient(to top,transparent 0,#000 14%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;pointer-events:none;transition:opacity 1.2s ease}.arbol-svg{position:relative}.foto-arbol{position:relative;width:min(100%,520px);height:100%;align-self:stretch}.foto-marco{position:absolute;bottom:6%;left:50%;transform:translate(-50%);height:86%;max-width:none;transform-origin:bottom center;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;user-select:none}.sombra-piso{position:absolute;bottom:5%;left:50%;transform:translate(-50%);height:4.5%;border-radius:50%;background:radial-gradient(closest-side,rgba(8,30,21,.55),transparent 72%)}.hud-capa{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.arbol-vivo{transform-origin:160px 348px;transform-box:view-box;animation:vaiven 7s ease-in-out infinite alternate}@keyframes vaiven{0%{transform:rotate(-.6deg)}to{transform:rotate(.6deg)}}.particula{animation-name:flotar;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes flotar{0%{transform:translate(0);opacity:.25}50%{opacity:.65}to{transform:translate(5px,-14px);opacity:.3}}@media(prefers-reduced-motion:reduce){.particula{display:none}}.arbol-svg{height:100%;max-height:100%;max-width:100%}.hud-texto{font-family:var(--fuente-mono);font-size:10px;letter-spacing:1.6px;fill:var(--ocre-800);paint-order:stroke;stroke:#faf8f3;stroke-width:3px;stroke-linejoin:round}.hud-suave{opacity:.92}.zona-tarjeta{display:flex;flex-direction:column;min-height:0;padding:10px 16px calc(14px + env(safe-area-inset-bottom));max-width:660px;width:100%;margin:0 auto}.progreso{flex-shrink:0;margin-bottom:10px}.progreso-linea{display:flex;align-items:baseline;gap:10px}.progreso-cifra{font-size:15px;color:var(--bosque-700);font-weight:500}.progreso-etapa{font-size:13.5px;color:var(--ocre-800);font-weight:600;text-transform:uppercase;letter-spacing:1.2px}.progreso-barra{position:relative;height:8px;border-radius:99px;background:var(--crema-200);border:1px solid var(--arena-300);margin:6px 0;overflow:hidden}.progreso-relleno{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--bosque-600),var(--bosque-400));transition:width .9s cubic-bezier(.22,1,.36,1)}.progreso-meta{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--dorado-500)}.progreso-gana{font-size:13.5px;color:var(--ocre-800)}.progreso-gana strong{color:var(--bosque-700)}.pantalla-caja{flex:1;min-height:0;overflow-y:auto;background:var(--blanco);border:1px solid var(--arena-300);border-radius:16px;padding:22px 20px;box-shadow:0 8px 28px #081e150f}.pantalla-caja.llega{animation:llega .32s cubic-bezier(.22,1,.36,1)}.pantalla-caja.se-va{opacity:0;transform:translateY(-14px) scale(.99);transition:opacity .2s ease,transform .2s ease;pointer-events:none}@keyframes llega{0%{opacity:0;transform:translateY(20px) scale(.99)}}.pantalla-titulo{font-size:clamp(24px,4.5vw,32px);line-height:1.18;margin-bottom:8px;outline:none}.pantalla-imagen{width:100%;height:clamp(110px,18dvh,170px);object-fit:cover;border-radius:12px;border:1px solid var(--arena-300);margin-bottom:14px;display:block}.pantalla-ayuda{font-size:14px;color:var(--ocre-800);margin-bottom:14px}.pantalla-texto{font-size:15.5px;color:var(--tinta-600);margin-bottom:18px}.pantalla-error{color:var(--terracota-600);font-size:14px;margin-top:8px;font-weight:600}.etiqueta{display:block;font-size:13.5px;font-weight:600;color:var(--bosque-800);margin-bottom:6px}.campo{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--arena-300);border-radius:10px;background:var(--blanco);color:var(--bosque-900);font-size:16px;font-family:var(--fuente-sans)}.campo:focus-visible{outline:3px solid var(--ocre-700);outline-offset:1px;border-color:var(--bosque-600)}.pila-botones{display:flex;flex-direction:column;gap:10px;margin-top:18px}.boton-primario,.boton-secundario,.boton-terciario{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:16px;font-weight:600;font-family:var(--fuente-sans);cursor:pointer;touch-action:manipulation;text-decoration:none;transition:background .15s ease,transform .1s ease}.boton-primario{min-height:50px;padding:12px 22px;background:var(--bosque-700);color:var(--crema-100);border:none}.boton-primario:hover{background:var(--bosque-600)}.boton-primario:active{transform:scale(.98)}.boton-primario:disabled{background:var(--tinta-400);cursor:not-allowed}.boton-secundario{min-height:46px;padding:10px 18px;background:var(--blanco);color:var(--bosque-700);border:1.5px solid var(--bosque-700)}.boton-secundario:hover{background:var(--menta-100)}.boton-secundario:disabled{color:var(--tinta-400);border-color:var(--arena-300);cursor:not-allowed;background:var(--crema-100)}.boton-terciario{min-height:42px;padding:8px 14px;background:transparent;color:var(--ocre-800);border:none;text-decoration:underline;font-size:14px}.boton-primario:focus-visible,.boton-secundario:focus-visible,.boton-terciario:focus-visible,.opcion:focus-visible,.chip-sel:focus-visible,.bitacora-boton:focus-visible,.bitacora-toggle input:focus-visible,.bitacora-entrada summary:focus-visible{outline:3px solid var(--ocre-700);outline-offset:2px}.lista-opciones{display:flex;flex-direction:column;gap:9px}.opcion{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;background:var(--crema-50);border:1.5px solid var(--arena-300);border-radius:12px;cursor:pointer;text-align:left;font-family:var(--fuente-sans);font-size:15.5px;color:var(--bosque-900);transition:border-color .15s ease,background .15s ease,transform .1s ease}.opcion:hover{background:var(--menta-100);border-color:var(--bosque-600)}.opcion:active{transform:scale(.99)}.opcion.elegida{border-color:var(--bosque-600);background:var(--menta-100)}.opcion-icono{flex-shrink:0;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;background:var(--blanco);border:1px solid var(--arena-300)}.opcion-textos{display:flex;flex-direction:column;min-width:0}.opcion-etiqueta{font-weight:600}.opcion-desc{font-size:12.5px;color:var(--ocre-800)}.punto-color{flex-shrink:0;width:12px;height:12px;border-radius:50%;border:1px solid rgba(8,30,21,.2)}.rejilla-chips{display:flex;flex-wrap:wrap;gap:9px}.chip-sel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:99px;border:1.5px solid var(--arena-300);background:var(--crema-50);font-family:var(--fuente-sans);font-size:15px;color:var(--bosque-900);cursor:pointer;transition:border-color .15s ease,background .15s ease}.chip-sel:hover{border-color:var(--bosque-600)}.chip-sel.activo{background:var(--bosque-700);color:var(--crema-100);border-color:var(--bosque-700)}.chip-sel.activo .punto-color{border-color:var(--crema-100)}.insignia-simulado{display:inline-block;font-size:12.5px;color:var(--ocre-800);background:var(--crema-100);border:1px dashed var(--dorado-500);border-radius:8px;padding:8px 12px;margin-bottom:14px}.resumen-cifras{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--crema-100);border:1px solid var(--arena-300);border-radius:12px;margin-bottom:16px}.resumen-pct{font-size:clamp(34px,7vw,46px);color:var(--bosque-700);font-weight:500}.resumen-etapa{display:flex;flex-direction:column;font-size:14px;color:var(--tinta-600)}.resumen-etapa strong{font-size:22px;color:var(--bosque-800)}.resumen-subtitulo{font-size:11px;letter-spacing:2px;color:var(--ocre-800);margin-bottom:6px}.resumen-sigue{margin-bottom:6px}.lista-pendientes{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:8px}.lista-pendientes li{font-size:14px;color:var(--tinta-600);padding:8px 12px;background:var(--crema-50);border:1px solid var(--arena-300);border-radius:8px}.puntos{color:var(--bosque-600);font-weight:500}.nota-evento{color:var(--tinta-400);font-size:12.5px}.nota-gobernanza{margin-top:16px;font-size:12.5px;color:var(--ocre-800);border-top:1px dashed var(--arena-300);padding-top:10px}.bitacora{position:fixed;left:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;max-width:min(440px,calc(100vw - 24px))}.bitacora-boton{font-size:11.5px;letter-spacing:.5px;min-height:44px;padding:8px 14px;border-radius:99px;border:1px solid var(--arena-300);background:var(--blanco);color:var(--ocre-800);cursor:pointer;box-shadow:0 4px 14px #081e151f}.bitacora-panel{margin-top:8px;background:var(--blanco);border:1px solid var(--arena-300);border-radius:12px;padding:14px;max-height:58dvh;overflow-y:auto;box-shadow:0 10px 30px #081e1529}.bitacora-nota{font-size:12.5px;color:var(--tinta-600);margin-bottom:10px}.bitacora-subtitulo{font-size:10.5px;letter-spacing:2px;color:var(--ocre-800);margin:8px 0 6px}.bitacora-demo{border:1px dashed var(--dorado-500);border-radius:10px;padding:10px 12px;margin-bottom:12px;background:var(--crema-50)}.bitacora-toggle{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px;padding:7px 0;cursor:pointer}.bitacora-toggle input{width:18px;height:18px;accent-color:var(--bosque-600)}.bitacora-entrada{border-top:1px solid var(--crema-200);padding:6px 0;font-size:12.5px}.bitacora-entrada summary{cursor:pointer;color:var(--tinta-600);padding:12px 0}.bitacora-entrada pre{margin-top:6px;padding:10px;background:var(--bosque-900);color:var(--menta-200);border-radius:8px;font-size:11px;overflow-x:auto;font-family:var(--fuente-mono)}.carga{height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--ocre-800);padding:20px;text-align:center}@media(min-width:880px){.escena{grid-template-rows:none;grid-template-columns:minmax(340px,5fr) 6fr;max-width:1180px;width:100%;margin:0 auto;gap:8px;padding:18px 24px}.zona-arbol{padding:0}.zona-tarjeta{justify-content:center;padding:0 8px;max-width:620px}.pantalla-caja{flex:0 1 auto;max-height:100%;padding:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}