/* Light activities share the typography, colors and page shell of Interactiva. */
.pizarra-page main{max-width:1040px;padding-top:4px}.pizarra-page .intro{margin-bottom:14px}.pizarra-page h1{font-size:clamp(1.8rem,4vw,2.2rem)}.pizarra-page .intro .subtitle{font-size:.95rem}.pizarra-page #v-inicio>.back{margin-bottom:8px}.pizarra-page h2{font-size:1.4rem}
:root{--azul:var(--blue);--naranja:var(--orange);--violeta:var(--magenta);--tinta:var(--ink);--suave:var(--muted);--borde:var(--line)}
.pizarra-page button{border:1px solid var(--line);border-radius:13px;min-height:48px;padding:12px 16px;font-weight:600;background:white;color:var(--blue);line-height:1.3}
.pizarra-page button:hover:not(:disabled){border-color:#b4a4c6}.pizarra-page button.back{border:0;background:transparent;color:var(--muted);padding:8px 0;margin:0;font-size:.85rem;font-weight:500}.pizarra-page button.icon-button{min-height:44px;padding:0;border-radius:50%}
.pizarra-page .principal{background:var(--blue);color:white;border-color:var(--blue)}.icono{width:21px;height:21px;vertical-align:middle;margin-right:7px}.principal .icono{filter:brightness(0) invert(1)}
.header-tools{display:flex;align-items:center;gap:10px}
.voice-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px}.pizarra-page #vozRepetir{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;min-height:44px;font-size:.82rem;border-radius:999px;background:#fff;color:var(--blue)}.voice-tools svg{width:18px;height:18px}.voice-tools .small{font-size:.78rem}.voice-tools #vozEstado:empty{display:none}
.connect-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:center;margin-bottom:26px;background:var(--blue);border-color:var(--blue);color:white;padding:24px;border-radius:20px}.connect-panel h2{margin-bottom:7px;font-size:1.45rem}.connect-panel p{margin-bottom:0}.connect-panel .nota{color:#e2dfff;max-width:44ch}.connect-actions{display:grid;gap:10px;justify-items:end}.pizarra-page #conectar{background:#ffb27c;border-color:#ffb27c;color:var(--blue);font-weight:700;min-height:54px}.pizarra-page #conectar .icono{filter:none}.pizarra-page #conectar:hover{background:#ffc39a;border-color:#ffc39a}.connect-panel .aviso{grid-column:1/-1;margin:0;background:#ffffff18;color:white}.connect-panel.connected{background:#edf7f1;border-color:#a4cbbb;color:#145b49}.connect-panel.connected .nota{color:#345e50}.connect-panel.connected .aviso{background:#ffffff80;color:#345e50}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;color:#e2dfff}.chip::before{content:'';width:7px;height:7px;border-radius:50%;background:#bdb8eb}.chip.si{color:#145b49;font-weight:700}.chip.si::before{background:#14755e}
.light-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.color-panel{padding:24px}.color-panel h2{margin-bottom:18px}.nota{font-size:.9rem;color:var(--muted);line-height:1.5}.activity-panel{padding:24px 0}.activity-panel h2{margin-bottom:18px}.color-panel .eyebrow,.activity-panel .eyebrow{margin-bottom:10px}.grid2,.grid3,.grid4{display:grid;gap:10px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.espacio{margin-top:14px}
.pizarra-page .color{position:relative;display:flex;align-items:flex-start;justify-content:center;min-height:76px;padding:13px 7px 28px;font-size:.91rem;font-weight:700;border:1px solid #20194b35;border-radius:13px}.pizarra-page .color:hover{border-color:var(--blue);box-shadow:0 2px 8px #20194b20}.color[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:2px}.color[aria-pressed=true]::after{content:'✓';position:absolute;bottom:7px;right:8px;background:white;color:var(--blue);border-radius:50%;width:20px;height:20px;line-height:20px;font-size:14px}.color:focus-visible{outline:3px solid #a34209;outline-offset:4px}.pizarra-page .opcion[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#f2f0ff}
.brightness-label{margin:24px 0 8px;font-family:inherit;font-size:.87rem;display:flex;justify-content:space-between}.brightness-label output{font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.barrita{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center}.pizarra-page .barrita button{padding:0;min-height:44px}.barrita img{width:20px;height:20px;vertical-align:middle}input[type=range]{width:100%;height:44px;accent-color:var(--magenta);margin:0}
.modos{display:grid;gap:14px}.pizarra-page .modo{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:21px 18px;text-align:left;border-radius:18px;color:var(--ink);min-height:110px;box-shadow:0 3px 0 #20194b0a}.modo[data-ir=temporizador]{background:#fff0d9;border-color:#efcd99}.modo[data-ir=calma]{background:#eee8fb;border-color:#cfbde8}.modo[data-ir=jugar]{background:#ffe7dc;border-color:#efc0a7}.mode-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffffffbf}.mode-icon img{width:29px;height:29px}.modo b{font-family:Signika,system-ui,sans-serif;display:block;font-size:1.3rem;line-height:1.15;margin-bottom:6px}.modo span span{font-size:.86rem;font-weight:400;color:#534968;line-height:1.45;display:block}.modo .mode-arrow{font-size:1.25rem;color:var(--blue)}
.pizarra-page details{border:1px solid var(--line);border-radius:16px;padding:0 20px;background:white}.pizarra-page summary{padding:16px 0;min-height:50px;font-size:.88rem}.pizarra-page details[open]{padding-bottom:20px}.rotulo{display:block;margin:18px 0 9px;font-size:.85rem;color:var(--muted)}.control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px;background:var(--paper);border-radius:14px;max-width:360px}.pizarra-page .tecla{aspect-ratio:1;min-height:0;padding:0;border-radius:50%;border-color:#20194b33;position:relative}.tecla[aria-pressed=true]::after{content:'✓';position:absolute;top:2px;right:2px;background:white;color:var(--blue);border-radius:50%;width:22px;height:22px;line-height:22px;font-size:16px}.muestra{min-height:48px}.pizarra-page .muestra[aria-pressed=true]{box-shadow:0 0 0 2px var(--blue)}
.view-sub{max-width:660px;margin:0 auto}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.cabecera h1{font-size:1.8rem;margin:0}.pizarra-page .chico{font-size:.83rem;padding:10px 12px;min-height:44px}.view-sub .voice-tools{margin:0 0 20px}.view-sub h2{margin-top:20px}.empezar{margin-top:16px;width:100%;min-height:54px}.jEmpezar{min-height:78px}.view-sub #cColores .color{min-height:68px;font-size:.95rem}.foto-ayuda{width:100%;max-height:260px;object-fit:contain;height:auto;display:block}.pasos-ayuda{padding-left:24px}.pasos-ayuda li{padding:0 0 12px 8px}.pasos-ayuda h2{font-size:1.1rem;margin:16px 0 8px}.pasos-ayuda p{font-size:.9rem}.pasos-ayuda li::marker{font-weight:700;color:var(--magenta)}
.aviso{font-size:.85rem;background:#f0edf7;color:#514163;border-radius:10px;padding:12px 14px;margin:12px 0}.light-footer{align-items:center;flex-wrap:wrap;margin-top:12px}.footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.light-footer a{min-height:44px;display:inline-flex;align-items:center}.light-footer #compartir{font-size:inherit}.light-footer p:empty{display:none}
.plena{position:fixed;inset:0;z-index:10;border:0;border-radius:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:78px 20px calc(100px + env(safe-area-inset-bottom));text-align:center;gap:12px;background:var(--pantalla,var(--paper));color:var(--pantalla-tinta,var(--ink));transition:background-color .5s ease;overflow:auto}
.plena[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.plena .voice-tools{position:absolute;top:18px;right:18px;z-index:3;margin:0;justify-content:flex-end;max-width:calc(100% - 130px)}.plena .voice-tools #vozEstado{padding:7px 10px;background:white;color:var(--ink);border-radius:8px}.plena::backdrop{background:var(--paper)}.plena .pie{position:absolute;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:12px}.pie button{width:170px;max-width:44vw;background:white}.titulo-plena{margin:0;font-size:1.25rem}.etapa{font-family:Signika,system-ui,sans-serif;font-size:1.5rem;min-height:30px}.cartel{font-size:1rem;color:var(--muted);min-height:26px}
.pizarra-page .timer-visual{padding:0;border:0;background:transparent;width:auto;display:grid;justify-items:center;gap:14px}.timer-visual:disabled{opacity:1;cursor:default}#tDisco{width:min(72vw,42vh,320px);height:auto;display:block}.reloj{font-family:Signika,system-ui,sans-serif;font-size:4.5rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.calma-plena{--pantalla:#16132e;--pantalla-tinta:#fff}.circulo{width:min(64vw,44vh,320px);aspect-ratio:1;flex:none;border-radius:50%;background:var(--calma,#3b6fd6);transform:scale(.5);transition:transform 4s ease-in-out}
.pizarra-page #btnJugar{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;color:inherit;font-family:Signika,system-ui,sans-serif;font-size:3rem;font-weight:700}.pizarra-page #salirJugar{position:absolute;top:18px;left:18px;z-index:2;background:white}
@media(max-width:700px){.light-grid{grid-template-columns:1fr;gap:6px}.connect-panel{grid-template-columns:1fr;gap:18px}.connect-actions{justify-items:stretch}.connect-actions .chip{justify-self:start}.activity-panel{padding-top:20px}.cabecera{gap:10px;flex-wrap:wrap}.cabecera h1{font-size:1.6rem}.header-tools{gap:7px}.header{gap:8px}.brand small{font-size:.73rem}.brand{gap:6px}.voice-tools{gap:6px}.footer-links{gap:14px}.pizarra-page .modo{padding:16px}.light-footer{margin-top:0}}
@media(max-width:370px){.header .brand{flex-direction:column;align-items:flex-start;gap:4px}.grid3,.grid4{gap:8px}.pizarra-page .color{padding:12px 4px 28px;font-size:.8rem;min-height:72px}.color-panel{padding:18px}.connect-panel{padding:20px}.grid4 button{padding:10px 4px;font-size:.85rem}#efectos{grid-template-columns:1fr}.reloj{font-size:3.8rem}.pizarra-page .modo{grid-template-columns:40px 1fr auto;gap:10px}.mode-icon{width:40px;height:40px}.modo b{font-size:1.07rem}}
@media(max-height:520px){.plena[open]{justify-content:flex-start}.plena .pie{position:static;margin-top:12px}.plena{padding-bottom:20px}.reloj{font-size:3rem}#tDisco{width:120px}}
@media(max-height:520px){.pizarra-page .timer-visual{flex-shrink:0}}
@media(min-width:600px) and (max-height:520px){#tPantalla[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr auto;align-content:center;align-items:center;justify-items:center;column-gap:24px;row-gap:8px;padding:76px 28px 20px}#tPantalla .titulo-plena{grid-column:2;grid-row:1}#tPantalla .etapa{grid-column:2;grid-row:2}#tPantalla .timer-visual{grid-column:1;grid-row:1/5}#tPantalla .cartel{grid-column:2;grid-row:3}#tPantalla .pie{grid-column:2;grid-row:4;margin:0;width:100%}#tPantalla .pie button{width:50%;min-width:0}}
@media(prefers-reduced-motion:reduce){.plena,.circulo{transition:none}.circulo{transform:none!important}}