:root{--eggshell: #F4EEDC;--tan: #D6BE9C;--clay: #D9A972;--camel: #B78A63;--olive: #756F49;--olive-deep: #4E4A2F;--camel-deep: #7E5636;--surface: #FFFDF7;--ink: #17150D;--ink-soft: #423C29;--line: rgba(23,21,13,.20);--line-soft: rgba(23,21,13,.10);--ok: #2C6248;--watch: #85541B;--alert: #8A362A;--radius: 22px;--radius-sm: 14px;--tap: 64px;--font: "Atkinson Hyperlegible Next", system-ui, -apple-system, sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:20px;line-height:1.6;background:var(--eggshell);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;display:block}a{color:var(--camel-deep);text-decoration:underline;text-underline-offset:3px}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:4px solid var(--olive-deep);outline-offset:3px;border-radius:6px}.marca-agua{position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;opacity:.085}.marca-agua span{position:absolute;font-size:24px;font-weight:700;letter-spacing:.08em;color:var(--olive);white-space:nowrap;transform:rotate(-38deg)}.marca-agua span small{display:block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.tarjeta{position:relative;overflow:hidden}.tarjeta::before{content:"USO EXCLUSIVO SANDBOX & HEALTH";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-24deg);font-size:clamp(22px,5.4vw,44px);font-weight:700;letter-spacing:.06em;white-space:nowrap;color:var(--olive);opacity:.075;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}.tarjeta>*{position:relative;z-index:1}.sello{border:3px solid var(--camel-deep);border-radius:var(--radius-sm);background:rgba(126,86,54,.08);padding:16px 20px;margin-bottom:26px;font-size:16px;font-weight:600;color:var(--ink);line-height:1.45}.sello strong{display:block;font-size:18px;margin-bottom:4px}.aviso--legal{border-left-color:var(--alert);background:rgba(138,54,42,.09)}.aviso--legal h3{color:var(--alert)}.aviso--legal p{font-size:17px}.encabezado{position:relative;z-index:2;background:var(--surface);border-bottom:2px solid var(--line-soft);padding:16px 0}.contenedor{width:100%;max-width:820px;margin:0 auto;padding:0 20px}.encabezado__fila{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.marca{font-size:22px;font-weight:700;letter-spacing:-0.01em}.marca em{font-style:italic;font-weight:400;color:var(--camel-deep)}.enlace-salida{font-size:17px;font-weight:600;color:var(--ink-soft);text-decoration:none;border-bottom:2px solid var(--line);padding-bottom:2px}.enlace-salida:hover{color:var(--olive-deep);border-color:var(--olive-deep)}main{position:relative;z-index:2;flex:1;padding:32px 0 64px}.tarjeta{background:var(--surface);border:2px solid var(--line-soft);border-radius:var(--radius);padding:36px 32px;box-shadow:0 18px 40px -30px rgba(117,111,73,.55)}h1{font-size:clamp(30px,5.2vw,42px);line-height:1.15;letter-spacing:-0.02em;font-weight:700;margin-bottom:16px}h2{font-size:clamp(24px,4vw,30px);line-height:1.25;font-weight:700;margin-bottom:14px}h3{font-size:21px;font-weight:700;margin-bottom:10px}p{margin-bottom:18px;color:var(--ink-soft)}p:last-child{margin-bottom:0}strong{font-weight:700;color:var(--ink)}.etiqueta{display:inline-block;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--camel-deep);margin-bottom:14px}.aviso{border-left:6px solid var(--clay);background:rgba(217,169,114,.14);border-radius:var(--radius-sm);padding:20px 22px;margin:24px 0}.aviso h3{color:var(--ink);font-size:19px}.aviso p{font-size:18px;margin-bottom:0}.aviso--serio{border-left-color:var(--camel-deep);background:rgba(126,86,54,.1)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:var(--tap);padding:16px 32px;border-radius:999px;font-size:20px;font-weight:700;text-decoration:none;text-align:center;transition:background .2s ease,transform .12s ease}.boton--principal{background:var(--olive-deep);color:var(--eggshell)}.boton--principal:hover{background:var(--camel-deep)}.boton--secundario{background:rgba(0,0,0,0);color:var(--ink);border:3px solid var(--ink)}.boton--secundario:hover{background:var(--ink);color:var(--eggshell)}.boton:active{transform:translateY(2px)}.boton[disabled]{opacity:.4;cursor:not-allowed;transform:none}.acciones{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.acciones .boton{flex:1 1 240px}.progreso{margin-bottom:26px}.progreso__texto{font-size:17px;font-weight:600;color:var(--ink-soft);margin-bottom:10px}.progreso__barra{height:14px;background:var(--tan);border-radius:999px;overflow:hidden}.progreso__relleno{height:100%;background:var(--olive-deep);border-radius:999px;width:0;transition:width .35s ease}.pregunta{font-size:clamp(24px,4.2vw,30px);line-height:1.3;font-weight:700;margin-bottom:12px}.ayuda{font-size:18px;color:var(--ink-soft);margin-bottom:26px}.opciones{display:grid;gap:14px;grid-template-columns:1fr}.opciones--dos{grid-template-columns:repeat(2, 1fr)}.opciones--tres{grid-template-columns:repeat(3, 1fr)}.opcion{min-height:var(--tap);padding:18px 22px;border:3px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:20px;font-weight:600;text-align:left;transition:border-color .18s ease,background .18s ease}.opciones--dos .opcion,.opciones--tres .opcion{text-align:center}.opcion:hover{border-color:var(--olive-deep);background:rgba(117,111,73,.07)}.opcion[aria-pressed=true]{border-color:var(--olive-deep);background:var(--olive-deep);color:var(--eggshell)}.palabras-vista{display:flex;flex-direction:column;gap:16px;margin:30px 0}.palabra-grande{background:var(--eggshell);border:3px solid var(--tan);border-radius:var(--radius-sm);padding:22px;text-align:center;font-size:clamp(28px,6vw,40px);font-weight:700;letter-spacing:.04em}.visor{background:var(--eggshell);border:3px solid var(--tan);border-radius:var(--radius-sm);padding:20px;text-align:center;font-size:42px;font-weight:700;min-height:88px;margin-bottom:18px;letter-spacing:.06em}.visor:empty::before{content:"—";color:var(--line)}.teclado{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px}.tecla{min-height:var(--tap);border:3px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:26px;font-weight:700}.tecla:hover{border-color:var(--olive-deep);background:rgba(117,111,73,.07)}.tecla--accion{font-size:18px;background:var(--eggshell)}.figuras{display:grid;grid-template-columns:repeat(2, 1fr);gap:14px}.figura{border:3px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:14px;min-height:150px;display:flex;align-items:center;justify-content:center}.figura:hover{border-color:var(--olive-deep)}.figura[aria-pressed=true]{border-color:var(--olive-deep);background:rgba(117,111,73,.1)}.figura svg{width:100%;height:auto;max-height:120px}.modelo{border:3px dashed var(--camel);border-radius:var(--radius-sm);background:var(--eggshell);padding:18px;margin-bottom:22px;text-align:center}.modelo__titulo{font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--camel-deep);margin-bottom:12px}.modelo svg{width:180px;height:auto;margin:0 auto}.secuencia{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px}.pieza{border:3px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:16px 10px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;position:relative}.pieza:hover{border-color:var(--olive-deep)}.pieza svg{width:52px;height:52px}.pieza__orden{position:absolute;top:-14px;right:-10px;width:36px;height:36px;border-radius:50%;background:var(--olive-deep);color:var(--eggshell);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.circulos{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:10px}.circulo{border:3px solid var(--line);border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center}.circulo:hover{border-color:var(--olive-deep);background:rgba(117,111,73,.07)}.circulo--ch{width:80px;height:80px}.circulo--md{width:120px;height:120px}.circulo--gr{width:170px;height:170px}.instruccion-leer{background:var(--eggshell);border:3px solid var(--tan);border-radius:var(--radius-sm);padding:26px;text-align:center;font-size:clamp(24px,4.6vw,32px);font-weight:700;line-height:1.3;margin-bottom:26px}.campo{margin-bottom:22px}.campo label{display:block;font-size:19px;font-weight:700;margin-bottom:8px}.campo select{width:100%;min-height:var(--tap);padding:14px 18px;font-family:var(--font);font-size:19px;font-weight:600;color:var(--ink);background:var(--surface);border:3px solid var(--line);border-radius:var(--radius-sm)}.campo select:hover{border-color:var(--olive-deep)}.marcador{text-align:center;padding:34px 20px;border-radius:var(--radius);border:3px solid var(--line-soft);margin-bottom:30px}.marcador--ok{background:rgba(44,98,72,.1);border-color:rgba(44,98,72,.35)}.marcador--watch{background:rgba(133,84,27,.1);border-color:rgba(133,84,27,.35)}.marcador--alert{background:rgba(138,54,42,.1);border-color:rgba(138,54,42,.35)}.marcador__cifra{font-size:clamp(52px,12vw,80px);font-weight:700;line-height:1;letter-spacing:-0.03em}.marcador__cifra small{font-size:.42em;font-weight:600;color:var(--ink-soft)}.marcador__titulo{font-size:clamp(22px,4vw,28px);font-weight:700;margin-top:14px}.marcador--ok .marcador__titulo{color:var(--ok)}.marcador--watch .marcador__titulo{color:var(--watch)}.marcador--alert .marcador__titulo{color:var(--alert)}.dominio{border-bottom:2px solid var(--line-soft);padding:18px 0}.dominio:last-child{border-bottom:none}.dominio__fila{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px}.dominio__nombre{font-size:19px;font-weight:700}.dominio__puntos{font-size:19px;font-weight:700;color:var(--camel-deep);white-space:nowrap}.dominio__desc{font-size:16px;color:var(--ink-soft);margin-top:6px}.dominio__barra{height:12px;background:var(--tan);border-radius:999px;overflow:hidden}.dominio__relleno{height:100%;background:var(--olive-deep);border-radius:999px}.lista{margin:0 0 18px 24px}.lista li{margin-bottom:10px;color:var(--ink-soft);font-size:19px}.pie{position:relative;z-index:2;background:var(--surface);border-top:2px solid var(--line-soft);padding:28px 0;font-size:16px;color:var(--ink-soft)}.pie p{font-size:16px;margin-bottom:10px}@media(max-width: 640px){body{font-size:19px}.tarjeta{padding:26px 20px;border-radius:18px}.opciones--tres{grid-template-columns:repeat(2, 1fr)}.secuencia{grid-template-columns:repeat(2, 1fr)}.acciones .boton{flex:1 1 100%}}@media(prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}@media print{.encabezado,.acciones{display:none !important}body{background:#fff;font-size:13pt}.tarjeta{box-shadow:none;border:1px solid #999}.marca-agua{display:block !important;position:fixed;opacity:.12 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tarjeta::before{opacity:.1 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.sello,.aviso--legal{border:2px solid #333 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pie{display:block !important;border-top:2px solid #333;padding-top:14px;font-size:10pt}}.oculto{display:none !important}.solo-lectores{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}