.escena{--via:6.5rem;box-sizing:border-box;grid-template-columns:1fr 1fr;grid-template-areas:"nucleo nucleo""via-in via-pregunta""docente apoderado";place-items:start center;gap:.15rem .7rem;width:100%;max-width:1180px;margin:0 auto;padding:.5rem 1.1rem 1.5rem;display:grid;overflow:hidden}.escena-constelacion{aspect-ratio:1;grid-area:docente;width:min(100%,15.5rem);position:relative}.escena-via--in{z-index:3;grid-area:via-in}.escena-nucleo{grid-area:nucleo}.escena-via--pregunta,.escena-via--doble{z-index:3;grid-area:via-pregunta}.escena-lado--apoderado{grid-area:apoderado}.escena-lado{aspect-ratio:1;background:var(--color-card);border:0;border-radius:50%;place-items:center;width:min(100%,11.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 14px 36px #18233a1a,0 2px 8px #18233a0d}.escena-lado:after{content:"";z-index:2;pointer-events:none;box-shadow:inset 0 0 18px 7px var(--color-paper);border-radius:50%;position:absolute;inset:0}.escena-icono{width:76%;height:76%;color:var(--color-docente);margin-bottom:1.15rem}.escena-lado--apoderado .escena-icono{color:var(--color-apoderado)}.escena-satelite .escena-icono{width:52%;height:52%;margin-bottom:.45rem}.escena-principal{z-index:4;width:66%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.escena-satelite{z-index:2;opacity:.96;width:38%;position:absolute}.escena-satelite--colegio{top:2%;left:4%}.escena-satelite--otro{width:34%;top:36%;left:-2%}.escena-satelite--centro{bottom:4%;left:10%}.escena-satelite .escena-lado-etiqueta{letter-spacing:.02em;padding:.14rem .1rem;font-size:.42rem}.escena-lado-etiqueta{z-index:3;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:0 0;border-radius:0;margin:0;padding:.28rem .2rem;font-size:.68rem;font-weight:700;position:absolute;bottom:22%;left:0;right:0}.escena-lado--docente .escena-lado-etiqueta{color:var(--color-docente)}.escena-lado--apoderado .escena-lado-etiqueta{color:var(--color-apoderado)}.escena-nucleo{justify-items:center;width:min(100%,24rem);display:grid;position:relative}.escena-nucleo:before{content:"";z-index:0;pointer-events:none;filter:blur(28px);background:radial-gradient(circle,#8b664061 0%,#c48c5829 42%,#0000 70%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.35)}.escena-pizarra{z-index:1;aspect-ratio:1;border-radius:50%;width:min(100%,22rem);position:relative;overflow:hidden;box-shadow:0 22px 50px #18233a24}.escena-pizarra:after{content:"";z-index:12;pointer-events:none;box-shadow:inset 0 0 40px 16px color-mix(in srgb, var(--color-paper) 88%, #8b6640);border-radius:50%;position:absolute;inset:0}.escena-corcho{object-fit:cover;width:100%;height:100%;display:block}.escena-collage{position:absolute;inset:0}.escena-nota{width:5.7rem;font-family:var(--font-mano-loaded), "Caveat", cursive;padding:.38rem .42rem .48rem;line-height:1.05;position:absolute;box-shadow:0 6px 14px #18233a2e}.escena-nota strong{font-size:.86rem;font-weight:700;display:block}.escena-nota span{opacity:.85;font-size:.72rem;display:block}.escena-nota--amarillo{background:#ffe566}.escena-nota--rosa{background:#ffb3c7}.escena-nota--menta{background:#b8e0c8}.escena-nota--naranja{background:#ffc285}.escena-nota--blanco{background:#fffdf4;box-shadow:0 6px 14px #18233a29,inset 0 0 0 1px #18233a0f}.escena-pin{background:radial-gradient(circle at 30% 30%,#ff6b6b,#b42318 70%);border-radius:50%;width:.55rem;height:.55rem;margin-left:-.28rem;position:absolute;top:-.28rem;left:50%;box-shadow:0 1px 2px #00000059}.escena-cal{z-index:2;background:#f4f0ff;width:5.2rem;padding:.28rem .32rem .35rem;font-size:.5rem;position:absolute;box-shadow:0 6px 14px #18233a29}.escena-cal--sep{top:34%;left:32%;transform:rotate(-8deg)}.escena-cal--oct{background:#fff4e0;width:4.6rem;top:62%;left:44%;transform:rotate(11deg)}.escena-cal span{text-align:center;letter-spacing:.12em;color:var(--color-apoderado);font-weight:800;display:block}.escena-cal ol{text-align:center;font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,1fr);gap:.12rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.escena-cal .marca{color:#fff;background:#c45c26;border-radius:50%}.escena-sticker{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.2rem .45rem;font-size:.58rem;font-weight:800;position:absolute}.escena-sticker--urgente{color:#fff;z-index:8;background:#c1121f;top:48%;right:18%;transform:rotate(12deg)}.escena-sticker--hoy{color:#fff;z-index:8;background:#2f5d9a;top:8%;left:36%;transform:rotate(-14deg)}.escena-sticker--ok{color:#e7f1eb;z-index:8;background:#1f4d3a;bottom:22%;left:6%;transform:rotate(-18deg)}.escena-hoja{z-index:6;width:7.6rem;color:var(--color-ink);background:#fffef8;padding:.45rem .5rem .55rem;font-size:.58rem;line-height:1.25;position:absolute;top:28%;left:36%;transform:rotate(7deg);box-shadow:0 8px 18px #18233a38}.escena-hoja-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-docente);margin:0 0 .25rem;font-size:.52rem;font-weight:800}.escena-hoja p{margin:0 0 .2rem}.escena-hoja-firma{font-family:var(--font-mano-loaded), "Caveat", cursive;border-top:1px dashed #18233a40;margin-top:.35rem;padding-top:.25rem;font-size:.72rem}.escena-libreta{z-index:7;width:7.4rem;height:5.2rem;display:flex;position:absolute;top:62%;left:8%;transform:rotate(-9deg);box-shadow:0 10px 20px #18233a38}.escena-libreta-lomo{background:linear-gradient(90deg,#1c3d6e,#2c5f7a);width:.55rem}.escena-libreta-hoja{font-family:var(--font-mano-loaded), "Caveat", cursive;color:var(--color-ink);background:repeating-linear-gradient(#fffdf8 0 .72rem,#2c5f7a2e .72rem .76rem);flex:1;padding:.35rem .4rem;font-size:.62rem;line-height:.76rem}.escena-libreta-titulo{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-docente);margin:0 0 .15rem;font-size:.48rem;font-weight:800}.escena-libreta-hoja p{margin:0}.escena-cinta{z-index:9;background:#e8d6a0b8;height:.7rem;position:absolute;box-shadow:0 1px 2px #18233a1f}.escena-cinta--a{width:3.8rem;top:24%;left:42%;transform:rotate(-28deg)}.escena-cinta--b{width:2.6rem;bottom:28%;right:12%;transform:rotate(42deg)}.escena-via{color:var(--color-ink-soft);flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;min-height:3.4rem;display:flex;position:relative}.escena-via--in,.escena-via--doble{justify-content:center;gap:.35rem;min-height:5.2rem}@media (max-width:899px){.escena-via--in .escena-lane,.escena-via--doble .escena-lane{flex-direction:row;gap:.35rem}}.escena-lane{flex-direction:column;align-items:center;gap:.15rem;display:flex;position:relative}.escena-via-etiqueta{letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:700}.escena-flecha{width:4.8rem;height:1.2rem}.escena-via--in .escena-lane--centro .escena-flecha,.escena-via--in .escena-lane--lado .escena-flecha,.escena-via--doble .escena-lane--centro .escena-flecha,.escena-via--doble .escena-lane--lado .escena-flecha{transform:rotate(90deg)}.escena-punto{fill:currentColor;offset-rotate:0deg;animation:2.5s linear infinite escena-recorrer}.escena-punto--d2{animation-delay:1.25s}.escena-lane--lado .escena-punto{offset-path:path("M 10 12 L 88 12")}.escena-lane--centro .escena-punto{offset-path:path("M 110 12 L 32 12")}.escena-via--in .escena-punto{fill:var(--color-docente)}.escena-via--doble .escena-punto{fill:var(--color-apoderado)}@keyframes escena-recorrer{0%{offset-distance:0%;opacity:0}12%{opacity:1}78%{opacity:1}to{offset-distance:100%;opacity:0}}@media (min-width:900px){.escena{grid-template-columns:1fr var(--via) minmax(20rem, 23.5rem) var(--via) 1fr;grid-template-areas:"docente via-in nucleo via-pregunta apoderado";place-items:center;column-gap:0;min-height:min(76vh,44rem);padding:1rem 1.25rem 1.25rem}.escena-constelacion{justify-self:end;width:min(100%,17.5rem)}.escena-lado--apoderado{justify-self:start;width:min(100%,13.5rem)}.escena-nucleo{width:100%}.escena-pizarra{width:min(100%,23.5rem)}.escena-flecha{width:6.2rem;height:1.4rem;transform:none}.escena-via--in .escena-lane--centro .escena-flecha,.escena-via--in .escena-lane--lado .escena-flecha,.escena-via--doble .escena-lane--centro .escena-flecha,.escena-via--doble .escena-lane--lado .escena-flecha{transform:none}.escena-via,.escena-via--in,.escena-via--doble{width:100%;min-height:0}.escena-via--in,.escena-via--doble{gap:1rem}}@media (prefers-reduced-motion:reduce){.escena-punto{animation:none;display:none}}