:root{--madera: #17120e;--madera-2: #120e0a;--control: #241c15;--apagado: #1e1811;--linea: #2e2620;--linea-2: #3a2f24;--ambar: #ba7517;--ambar-txt: #412402;--acento: #ef9f27;--acento-2: #fac775;--crema: #faeeda;--txt: #d3d1c7;--mudo: #9a9990;--mudo-2: #5f5e5a;--bien: #639922;--bien-txt: #a9d46f;--mal: #e24b4a;--mal-txt: #f09595;--coral: #993c1d;--verde: #0f6e56;--violeta: #534ab7;--azul: #185fa5;--serif: Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radio: 8px;--toque: 48px;--curva: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--madera);color:var(--txt);font:17px/1.5 var(--sans);touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;color:var(--crema);line-height:1.2}h1{font-size:28px}h2{font-size:22px}h3{font-size:19px}p{margin:0}a{color:var(--acento)}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.voz{font-family:var(--serif)}.crema{color:var(--crema)}.mudo{color:var(--mudo)}.acento{color:var(--acento)}.pequeno{font-size:15px}.error{color:var(--mal-txt)}.bien{color:var(--bien-txt)}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn,.btn-contorno,.btn-peligro{min-height:var(--toque);padding:0 20px;border-radius:var(--radio);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;text-align:center;transition:transform .1s var(--curva)}.btn{background:var(--ambar);color:var(--ambar-txt);border:0;font-weight:600}.btn-contorno{background:transparent;color:var(--crema);border:1px solid var(--mudo-2)}.btn-peligro{background:transparent;color:var(--mal-txt);border:1px solid #6b2e2d}.btn:active,.btn-contorno:active,.btn-peligro:active{transform:translateY(1px)}.btn:disabled,.btn-contorno:disabled,.btn-peligro:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-texto{min-height:44px;padding:0 4px;background:none;border:0;color:var(--acento);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.ancho{width:100%}.btn-paso{width:44px;height:44px;flex-shrink:0;border-radius:var(--radio);border:1px solid var(--mudo-2);background:transparent;color:var(--crema);font-size:22px;line-height:1;cursor:pointer}.btn-paso:disabled{opacity:.3;cursor:not-allowed}.campo{display:flex;flex-direction:column;gap:6px}.campo>.etiqueta,.etiqueta{font-size:15px;color:var(--acento-2)}.entrada{width:100%;min-height:var(--toque);padding:0 14px;background:var(--control);border:1px solid var(--mudo-2);border-radius:var(--radio);color:var(--crema)}textarea.entrada{padding:12px 14px;min-height:96px;resize:vertical}.entrada:focus{outline:none;border-color:var(--ambar)}.entrada::placeholder{color:var(--mudo-2)}.casilla{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.casilla input{width:20px;height:20px;accent-color:var(--ambar)}.tarjeta{background:var(--apagado);border:1px solid var(--linea-2);border-radius:var(--radio);padding:14px 16px}.tarjeta.activa{background:var(--control);border:2px solid var(--ambar);padding:13px 15px}button.tarjeta,a.tarjeta{display:block;width:100%;text-align:left;color:inherit;text-decoration:none;cursor:pointer}.nota{background:var(--control);border-left:3px solid var(--ambar);border-radius:0 var(--radio) var(--radio) 0;padding:10px 14px;color:var(--acento);font-family:var(--serif)}.opciones{display:flex;flex-wrap:wrap;gap:8px}.opcion{min-height:44px;padding:0 14px;border-radius:var(--radio);border:1px solid var(--linea-2);background:transparent;color:var(--txt);cursor:pointer}.opcion[aria-pressed=true]{background:var(--control);border:2px solid var(--ambar);padding:0 13px;color:var(--crema)}.opcion:disabled{opacity:.4;cursor:not-allowed}.fila{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 12px;background:var(--control);border-radius:var(--radio)}.lista{display:flex;flex-direction:column;gap:8px}.dato{background:var(--apagado);border-radius:var(--radio);padding:10px 12px;text-align:center}.dato .cifra{display:block;font-size:26px;line-height:1.15;color:var(--crema)}.dato .rotulo{font-size:14px;color:var(--mudo)}.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.pasos{display:flex;gap:6px}.pasos i{flex:1;height:4px;border-radius:2px;background:var(--linea-2)}.pasos i.hecho{background:var(--ambar)}.barra{height:8px;border-radius:4px;background:var(--linea-2);overflow:hidden}.barra>b{display:block;height:100%;border-radius:4px;background:var(--bien);transition:width .2s var(--curva)}.barra>b.media{background:var(--acento)}.barra>b.mala{background:var(--mal)}.pantalla{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}.estrecha{width:100%;max-width:720px;margin:0 auto}.dos{flex:1;display:grid;grid-template-columns:var(--izq, 1fr) var(--der, 1fr);gap:24px;align-items:start}.columna{display:flex;flex-direction:column;gap:14px;min-width:0}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.linea{display:flex;align-items:center;gap:10px}.entre{display:flex;align-items:center;justify-content:space-between;gap:10px}.empuja{margin-top:auto}.con-lateral{min-height:100dvh;display:grid;grid-template-columns:var(--izq, 30fr) var(--der, 70fr)}.con-lateral>.lateral{background:var(--madera-2);border-right:1px solid var(--linea);padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}.con-lateral>.principal{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 24px;display:flex;flex-direction:column;gap:14px;min-width:0}@media(max-width:760px){.dos,.con-lateral{grid-template-columns:1fr}.con-lateral{grid-template-rows:auto 1fr}.con-lateral>.lateral{border-right:0;border-bottom:1px solid var(--linea)}.con-lateral>.principal{padding-left:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
