/* Páginas B2C con la estructura de /docentes (Perfil Vivo, Cribados, Entrenamientos, Planes de apoyo).
   Se apoya en docentes.css (portada, pasos, casos, preguntas, cierre) y funcion.css (animaciones fx-, ciclo).
   Prefijo bx-. */

/* escena grande bajo la portada (en lugar de la animación de /docentes) */
.bx-escena{position:relative;border-radius:28px;background:var(--bx-tinte,#F8ECFA);padding:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;overflow:hidden;isolation:isolate}
.bx-escena::before{content:"";position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;background:var(--bx-tono,#C426D9);opacity:.12;right:-60px;top:-60px}
.bx-escena::after{content:"";position:absolute;z-index:-1;width:160px;height:80px;border-radius:160px 160px 0 0;background:var(--bx-tono,#C426D9);opacity:.1;left:30px;bottom:0}
.bx-escena .fx-visual{min-height:0;box-shadow:0 30px 60px -36px rgba(28,20,29,.4)}
.bx-escena-texto h2{font-size:clamp(28px,3.2vw,42px);line-height:1.1;margin:0 0 14px}
.bx-escena-texto p{font-size:18px;color:#4F4850;margin:0 0 18px}
.bx-escena-texto ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bx-escena-texto li{position:relative;padding-left:30px}
.bx-escena-texto li::before{content:"✓";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#fff;color:#00624A;display:grid;place-items:center;font-weight:700;font-size:13px}

/* ventajas: tarjetas con su pequeña pantalla */
.bx-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bx-bento .dx-tarjeta{gap:10px}
.bx-bento .dx-tarjeta h3{font-size:21px;margin:8px 0 0}
.bx-bento .dx-tarjeta p{margin:0;color:#4F4850}
.bx-bento .bx-ilus{background:var(--dx-suave);border-radius:12px;padding:16px;min-height:120px;display:grid;align-content:center;gap:8px}
.bx-bento .ancha{grid-column:span 2}
.bx-bento .morada{background:#C426D9;border:0;color:#fff;justify-content:flex-end;min-height:260px}
.bx-bento .morada h3,.bx-bento .morada p{color:#fff}
.bx-bento .morada .button{align-self:flex-start;margin-top:14px}
.bx-pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;background:#fff;padding:5px 12px;font-size:14px;font-weight:600;color:#2A2230;justify-self:start}
.bx-pill::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c,#01CD9D)}

/* fotos redondas con borde de color */
body main.dx .bx-cara{width:var(--s,44px);height:var(--s,44px);border-radius:50%;object-fit:cover;border:3px solid var(--c,#C426D9);background:#fff;flex:none}

/* Perfil Vivo: el informe de hace años frente al perfil de hoy */
.bx-compara{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}
.bx-doc{background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 50px -32px rgba(28,20,29,.45)}
.bx-doc.viejo{filter:grayscale(1);opacity:.75;transform:rotate(-2deg)}
.bx-doc .bx-doc-cab{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--dx-linea);margin-bottom:12px}
.bx-doc .bx-doc-cab b{font-family:Sora,sans-serif;font-size:16px}
.bx-doc .bx-doc-cab small{font-size:13px;color:var(--dx-tenue)}
.bx-lineas i{display:block;height:8px;border-radius:4px;background:#E8E2EA;margin:9px 0}
.bx-lineas i:nth-child(2){width:86%}.bx-lineas i:nth-child(3){width:64%}.bx-lineas i:nth-child(4){width:78%}
.bx-sello{display:inline-block;margin-top:10px;border:2px solid #8C848E;color:#4F4850;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700;transform:rotate(-4deg)}
.bx-flecha{font-family:Sora,sans-serif;font-weight:700;font-size:30px;color:#C426D9}
.bx-ev{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:var(--dx-suave);margin-top:8px;font-size:14px;opacity:0;transform:translateY(6px)}
.bx-ev b{font-size:14px}.bx-ev small{color:var(--dx-tenue);font-size:13px;white-space:nowrap}
.bx-ev i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:700;font-size:12px;background:var(--c)}
.visto .bx-ev,.bx-quieto .bx-ev{animation:bx-entra 500ms cubic-bezier(.22,1,.36,1) forwards}
.visto .bx-ev:nth-child(3){animation-delay:.5s}.visto .bx-ev:nth-child(4){animation-delay:1s}.visto .bx-ev:nth-child(5){animation-delay:1.5s}.visto .bx-ev:nth-child(6){animation-delay:2s}
@keyframes bx-entra{to{opacity:1;transform:none}}

/* Perfil Vivo: todas las fuentes alrededor del estudiante */
.bx-anillo{position:relative;width:min(100%,520px);aspect-ratio:1;margin:0 auto}
.bx-anillo::before{content:"";position:absolute;inset:14%;border-radius:50%;border:2px dashed #DED6E1}
.bx-centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:8px;text-align:center}
.bx-centro b{font-family:Sora,sans-serif;font-size:17px}
.bx-centro small{font-size:13px;color:#4F4850}
.bx-fuente{position:absolute;left:calc(50% + var(--x) * 1%);top:calc(50% + var(--y) * 1%);transform:translate(-50%,-50%);background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 14px 30px -18px rgba(28,20,29,.45);font-size:13px;font-weight:600;text-align:center;width:128px;border-top:4px solid var(--c)}
.bx-fuente b{display:block;font-family:Sora,sans-serif;font-size:14px;margin-bottom:2px}
.bx-fuente small{color:var(--dx-tenue);font-size:12px;font-weight:500}
.bx-punto{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--c);opacity:0}
.visto .bx-punto{animation:bx-viaja 2.8s ease-in infinite;animation-delay:var(--d)}
@keyframes bx-viaja{0%{transform:translate(calc(var(--x) * 2.6px),calc(var(--y) * 2.6px));opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:none;opacity:0}}
.bx-quieto .bx-punto{display:none}
.bx-anillo-nota{text-align:center;color:#4F4850;max-width:600px;margin:20px auto 0}

/* línea del curso (y del curso siguiente) */
.bx-curso{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.bx-curso::before{content:"";position:absolute;left:4%;right:4%;top:22px;height:4px;border-radius:4px;background:linear-gradient(90deg,#0177E3,#01CD9D,#FFA82A,#C426D9)}
.bx-hito{position:relative;text-align:center;padding-top:56px}
.bx-hito::before{content:"";position:absolute;left:50%;top:12px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#fff;border:4px solid var(--c)}
.bx-hito small{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9C08AE}
.bx-hito b{display:block;font-family:Sora,sans-serif;font-size:17px;margin:4px 0}
.bx-hito span{color:#4F4850;font-size:15px}
.bx-hito.sigue{background:#1C141D;color:#fff;border-radius:16px;padding:56px 14px 16px}
.bx-hito.sigue small{color:#7FE6CC}.bx-hito.sigue span{color:#E9E3EA}

/* cribado: semáforo y QR */
.bx-semaforo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bx-luz{background:#fff;border:1px solid var(--dx-linea);border-radius:18px;padding:24px;border-top:6px solid var(--c)}
.bx-luz i{display:block;width:30px;height:30px;background:var(--c);margin-bottom:14px}
.bx-luz:nth-child(1) i{border-radius:50%}.bx-luz:nth-child(2) i{border-radius:30%}.bx-luz:nth-child(3) i{border-radius:6px}
.bx-luz h3{font-size:20px;margin:0 0 6px}
.bx-luz p{margin:0;color:#4F4850}
.bx-qr{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:120px;margin:4px auto 8px}
.bx-qr i{aspect-ratio:1;background:#1C141D;border-radius:2px}
.bx-qr i.v{background:transparent}

/* entrenamientos: barras de progreso por semanas */
.bx-semanas{display:flex;align-items:flex-end;gap:10px;height:120px;padding-top:10px}
.bx-semanas i{flex:1;border-radius:8px 8px 3px 3px;background:var(--c,#01CD9D);height:calc(var(--v) * 1%);transform-origin:bottom;transform:scaleY(0);transition:transform 900ms cubic-bezier(.22,1,.36,1)}
.dx-visual.activo .bx-semanas i,.dx-editor .bx-semanas i{transform:none}
.bx-semanas-pie{display:flex;justify-content:space-between;font-size:12px;color:var(--dx-tenue);margin-top:6px}

/* fila de estudiante con foto (pasos) */
.bx-alumno{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--dx-suave);margin-top:8px;font-size:14px}
.bx-alumno b{font-size:15px}
.bx-alumno small{display:block;color:var(--dx-tenue);font-size:13px}

/* hueco de lo que falta */
.dx .fx-rellenar{display:grid;place-items:center;gap:6px;min-height:160px;border:2px dashed #E3B8EA;border-radius:16px;background:#FDF7FE;color:#9C08AE;text-align:center;padding:24px;font-weight:700}
.dx .fx-rellenar small{display:block;font-weight:500;color:#666167;font-size:14px;max-width:460px}

.bx-sec{padding:20px 0 110px}
@media (max-width:980px){
  .bx-escena,.bx-compara{grid-template-columns:minmax(0,1fr)}
  .bx-bento{grid-template-columns:1fr}.bx-bento .ancha{grid-column:auto}
  .bx-flecha{transform:rotate(90deg);justify-self:center}
  .bx-curso{grid-template-columns:1fr;gap:18px}.bx-curso::before{display:none}
  .bx-hito{text-align:left;padding:4px 0 0 44px}.bx-hito::before{left:0;top:2px;margin:0}
  .bx-hito.sigue{padding:16px 16px 16px 54px}.bx-hito.sigue::before{left:14px;top:16px}
  .bx-semaforo{grid-template-columns:1fr}
}
@media (max-width:700px){
  .bx-escena{padding:24px 16px;border-radius:20px}
  .bx-sec{padding-bottom:70px}
  .bx-anillo{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .bx-anillo::before{display:none}
  .bx-centro{position:static;transform:none;grid-column:1/-1;margin-bottom:8px}
  .bx-fuente{position:static;transform:none;width:auto}
  .bx-punto{display:none}
}
@media (prefers-reduced-motion:reduce){.bx-punto{display:none}.bx-ev{opacity:1;transform:none;animation:none!important}}
.bx-bento .morada{grid-column:1/-1;min-height:0;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:32px 36px}
.bx-bento .morada h3{font-size:28px;margin:0}
.bx-bento .morada .button{margin:0;flex:none}
@media (max-width:980px){.bx-bento .morada{flex-direction:column;align-items:flex-start}}
.bx-bento .bx-semanas i{transform:none}

/* ===== Piezas de producto (cribados, entrenamientos, adaptar) ===== */
.bx-sub{max-width:640px;color:#4F4850;font-size:18px;margin:10px 0 0}
.bx-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bx-tres>article{background:#fff;border:1px solid var(--dx-linea);border-radius:20px;padding:24px;display:grid;gap:10px;align-content:start;border-top:6px solid var(--c,#0177E3)}
.bx-tres h3{font-size:20px;margin:0}.bx-tres p{margin:0;color:#4F4850}
.bx-tres .bx-ilus{background:var(--dx-suave);border-radius:12px;padding:14px;display:grid;gap:8px}
.bx-dos{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.bx-dos h3{font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin:0 0 12px}
.bx-dos>div>p{color:#4F4850;font-size:18px;margin:0 0 14px}
.bx-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bx-lista li{position:relative;padding-left:30px}
.bx-lista li::before{content:"";position:absolute;left:4px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--bx-tono,#0177E3)}
.bx-tarjeta{background:#fff;border:1px solid var(--dx-linea);border-radius:20px;padding:22px;box-shadow:0 30px 60px -36px rgba(28,20,29,.4)}
.bx-tarjeta header,.bx-lectura header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--dx-linea);margin-bottom:6px}
.bx-lectura header b,.bx-tarjeta header b{font-family:Sora,sans-serif;font-size:16px}.bx-lectura header small,.bx-tarjeta header small{color:var(--dx-tenue);font-size:13px}
.bx-nota{font-size:13px;color:var(--dx-tenue);margin:10px 0 0}

/* ejes del cribado: cuatro tramos por eje */
.bx-eje{display:grid;grid-template-columns:1fr 132px;gap:12px;align-items:center;padding:7px 0;font-size:15px}
.bx-eje+.bx-eje{border-top:1px solid var(--dx-linea)}
.bx-tramos{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.bx-tramos i{height:12px;border-radius:4px;background:#ECE7EE}
.bx-tramos i.on{background:var(--c);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--c)}
.bx-leyenda{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:#4F4850;margin-top:12px}
.bx-leyenda span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:6px;vertical-align:-1px}
.bx-codigo{display:flex;gap:6px;justify-content:center}
.bx-codigo span{width:34px;height:44px;border-radius:10px;background:#fff;border:2px solid var(--bx-tono);display:grid;place-items:center;font-family:Sora,sans-serif;font-weight:700;font-size:20px}

/* informe que se lee solo */
.bx-extrae{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}
.bx-pdf{background:#fff;border-radius:14px;padding:16px;box-shadow:0 24px 50px -32px rgba(28,20,29,.45);position:relative}
.bx-pdf b{font-size:14px;display:block;margin-bottom:8px}
.bx-pdf mark{display:block;height:8px;border-radius:4px;background:#FFE3B8;margin:9px 0}
.bx-dato{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;background:#fff;border-radius:12px;padding:10px 12px;border-left:4px solid var(--c);margin-bottom:8px;font-size:14px;opacity:0;transform:translateY(8px)}
.bx-dato small{grid-column:1/-1;color:var(--dx-tenue);font-size:13px}
.visto .bx-dato,.bx-quieto .bx-dato{animation:bx-entra 500ms cubic-bezier(.22,1,.36,1) forwards}
.visto .bx-dato:nth-child(2){animation-delay:.6s}.visto .bx-dato:nth-child(3){animation-delay:1.2s}.visto .bx-dato:nth-child(4){animation-delay:1.8s}

/* juegos de entrenamiento */
.bx-juego{background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:14px;text-align:center;max-width:420px;width:100%;justify-self:center}
.bx-juego-cab{display:flex;justify-content:space-between;font-size:13px;color:var(--dx-tenue);font-weight:600}
.bx-barra{height:8px;border-radius:8px;background:#ECE7EE;overflow:hidden}.bx-barra i{display:block;height:100%;width:var(--v);background:var(--bx-tono);border-radius:8px}
.bx-juego h4{font-family:Sora,sans-serif;font-size:18px;margin:4px 0 0}
.bx-cartas{display:flex;gap:14px;justify-content:center}
.bx-carta{min-width:110px;padding:22px 14px;border-radius:16px;background:var(--bx-tinte);font-family:Lexend,sans-serif;font-size:26px;font-weight:600;border:2px solid #E6DEEA}
.bx-carta.mueve{animation:bx-desliza 3.6s ease-in-out infinite}
@keyframes bx-desliza{0%,30%{transform:none}50%,62%{transform:translateX(28px) rotate(6deg);border-color:#01CD9D}80%,100%{transform:none}}
.bx-quieto .bx-carta.mueve{animation:none}
.bx-botones{display:flex;gap:10px;justify-content:center}
.bx-botones span{border-radius:99px;padding:8px 16px;font-weight:700;font-size:14px;background:#F3EFF5}
.bx-botones span:last-child{background:#DFF8F0;color:#00624A}
.bx-mini-juego{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.bx-mini-juego span{min-width:38px;padding:8px 10px;border-radius:10px;background:#fff;font-weight:700;font-size:15px;border:2px solid #E6DEEA}
.bx-mini-juego span.c{border-color:var(--c);background:#fff}
.bx-mini-juego span.o{background:#ECE7EE;color:transparent}

/* reto lector: la lectura que se mide sola */
.bx-lectura{background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45)}
.bx-lectura p.texto{font-size:19px;line-height:1.7;margin:12px 0 16px;color:#8C848E}
.bx-lectura p.texto b{color:#1C141D;font-weight:500;background:linear-gradient(#DCEBFB,#DCEBFB) no-repeat 0 100%/0 40%}
.visto .bx-lectura p.texto b,.bx-quieto .bx-lectura p.texto b{animation:bx-lee 600ms forwards;animation-delay:calc(var(--i) * 260ms)}
@keyframes bx-lee{to{background-size:100% 40%}}
.bx-grab{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bx-mic{width:40px;height:40px;border-radius:50%;background:#FF0183;display:grid;place-items:center;color:#fff;font-weight:700;position:relative}
.bx-mic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #FF0183;opacity:.5;animation:bx-late 1.6s ease-out infinite}
@keyframes bx-late{to{transform:scale(1.35);opacity:0}}
.bx-quieto .bx-mic::after{animation:none}
.bx-onda{display:flex;gap:3px;align-items:center;height:30px;flex:1;min-width:100px}
.bx-onda i{flex:1;border-radius:3px;background:#C9DEF5;height:calc(var(--h) * 1%)}
.bx-ppm{display:flex;gap:10px;align-items:baseline;margin-top:14px;padding-top:14px;border-top:1px solid var(--dx-linea)}
.bx-ppm b{font-family:Sora,sans-serif;font-size:34px;color:#0160B8}
.bx-ppm span{color:#4F4850}

/* áreas y errores (panel profesional) */
.bx-area{display:grid;grid-template-columns:150px 1fr 44px;gap:10px;align-items:center;font-size:14px;padding:5px 0}
.bx-area .bx-barra{height:10px}.bx-area .bx-barra i{background:var(--c)}
.bx-area b{font-size:14px;text-align:right}

/* correo con Edna */
.bx-correo{background:#fff;border-radius:20px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);overflow:hidden}
.bx-correo-fila{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:10px 18px;border-bottom:1px solid var(--dx-linea);font-size:14px}
.bx-correo-fila b{color:var(--dx-tenue);font-weight:600}
.bx-correo-cuerpo{padding:16px 18px;font-size:15px}
.bx-adjunto{display:inline-flex;align-items:center;gap:8px;margin:10px 6px 0 0;padding:7px 12px;border-radius:10px;background:var(--dx-suave);font-size:13px;font-weight:600}
.bx-adjunto::before{content:"PDF";font-size:10px;font-weight:700;color:#fff;background:#E5484D;border-radius:4px;padding:2px 4px}
.bx-adjunto.zip::before{content:"ZIP";background:#0177E3}
.bx-respuesta{background:#F2F8FE;border-top:1px solid var(--dx-linea);opacity:0;transform:translateY(8px)}
.visto .bx-respuesta,.bx-quieto .bx-respuesta{animation:bx-entra 600ms 1.2s cubic-bezier(.22,1,.36,1) forwards}
.bx-quieto .bx-respuesta{animation-delay:0s}

/* subida y configuración */
.bx-sube{border:2px dashed #9EC9F3;border-radius:16px;padding:20px;text-align:center;background:#F7FBFF;display:grid;gap:6px}
.bx-sube b{font-family:Sora,sans-serif}.bx-sube small{color:var(--dx-tenue)}
.bx-opciones{display:flex;flex-wrap:wrap;gap:6px}
.bx-opciones span{border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;background:#F3EFF5}
.bx-opciones span.on{background:var(--bx-tono);color:#fff}
.bx-boton{display:inline-block;border-radius:99px;background:#1C141D;color:#fff;font-weight:700;font-size:13px;letter-spacing:.04em;padding:9px 16px;text-transform:uppercase}
.bx-etiq{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dx-tenue);margin:12px 0 6px}
.bx-archivo{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--dx-suave);margin-top:6px;font-size:14px}
.bx-archivo::before{content:"PDF";font-size:10px;font-weight:700;color:#fff;background:#E5484D;border-radius:4px;padding:2px 4px}
.bx-archivo small{margin-left:auto;color:var(--dx-tenue);font-size:12px}
.bx-pide{background:#F2F8FE;border-radius:12px;padding:12px;font-size:14px;margin-top:8px;border-left:4px solid var(--bx-tono)}
.bx-firma{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--dx-suave);margin-top:8px;font-size:14px}
.bx-firma small{grid-column:1/-1;color:var(--dx-tenue);font-size:13px}

@media (max-width:980px){
  .bx-tres,.bx-dos{grid-template-columns:1fr}
  .bx-extrae{grid-template-columns:1fr}
}
@media (max-width:700px){
  .bx-area{grid-template-columns:110px 1fr 40px}
  .bx-eje{grid-template-columns:1fr 104px}
}
@media (prefers-reduced-motion:reduce){.bx-dato,.bx-respuesta{opacity:1;transform:none;animation:none!important}.bx-lectura p.texto b{background-size:100% 40%}}
@media (max-width:700px){main.dx .dx-pildora{white-space:normal;max-width:100%}}
main.dx .bx-tarjeta .bx-nota{font-size:15px;line-height:1.5}
.bx-semaforo.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
.bx-luz:nth-child(4) i{border-radius:2px;transform:rotate(45deg) scale(.85)}
@media (max-width:980px){.bx-semaforo.cuatro{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bx-semaforo.cuatro{grid-template-columns:1fr}}
main.dx p.bx-etiq{font-size:12px;line-height:1.3;margin:12px 0 6px}

/* ===== Perfil Vivo v2 (13/10) ===== */
/* «Cómo funciona» pegado a su contenido, en blanco (todas las B2C) */
main.dx .dx-como{background:#fff;padding:100px 0 0}
main.dx .dx-como+.dx-pasos{margin-top:0}
/* cierre: un solo mensaje; la franja morada queda como suelo de las piezas */
.dx-cierre.dx-suelo{padding:0;height:56px}

/* escena: el perfil respira y crece cuando llega algo */
.bx-vivo{position:relative;width:min(100%,440px);aspect-ratio:1;justify-self:center;background:#fff;border-radius:28px;box-shadow:0 30px 60px -36px rgba(28,20,29,.4)}
.bx-vivo-centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px}
.bx-vivo-centro b{font-family:Sora,sans-serif;font-size:17px}
.bx-nodo{position:absolute;left:calc(50% + var(--x) * 1%);top:calc(50% + var(--y) * 1%);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px}
.bx-nodo svg{width:34px;height:auto;max-height:34px;animation:bx-respira 4.5s ease-in-out infinite;animation-delay:var(--d)}
.bx-nodo b{font-size:14px;font-weight:600;color:#2A2230;white-space:nowrap}
@keyframes bx-respira{0%,100%{scale:1}50%{scale:1.14}}
.bx-nodo.bx-n1,.bx-nodo.bx-n2{opacity:0;scale:0}
.visto .bx-nodo.bx-n1{animation:bx-pop1 12s infinite}.visto .bx-nodo.bx-n2{animation:bx-pop2 12s infinite}
@keyframes bx-pop1{0%,22%{opacity:0;scale:0}25%{opacity:1;scale:1.25}28%,92%{opacity:1;scale:1}100%{opacity:0;scale:1}}
@keyframes bx-pop2{0%,58%{opacity:0;scale:0}61%{opacity:1;scale:1.25}64%,92%{opacity:1;scale:1}100%{opacity:0;scale:1}}
.bx-llega{position:absolute;left:50%;top:18px;translate:-50% 0;white-space:nowrap;background:#1C141D;color:#fff;border-radius:99px;padding:6px 14px;font-size:14px;font-weight:600;opacity:0}
.visto .bx-llega.bx-l1{animation:bx-aviso1 12s infinite}.visto .bx-llega.bx-l2{animation:bx-aviso2 12s infinite}
@keyframes bx-aviso1{0%,10%{opacity:0;translate:-50% -8px}13%,24%{opacity:1;translate:-50% 0}28%,100%{opacity:0;translate:-50% 0}}
@keyframes bx-aviso2{0%,46%{opacity:0;translate:-50% -8px}49%,60%{opacity:1;translate:-50% 0}64%,100%{opacity:0;translate:-50% 0}}
.bx-vivo-pie{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:14px;color:var(--dx-tenue);margin:0}
.bx-quieto .bx-nodo.bx-n1,.bx-quieto .bx-nodo.bx-n2{opacity:1;scale:1;animation:none}
.bx-quieto .bx-nodo svg{animation:none}

/* bento: el informe se subraya y se encienden las bolitas del mismo color */
.bx-informe-vivo{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.bx-doc.viejo-suave{transform:rotate(-2deg)}
.bx-texto-falso{margin:0}
.bx-texto-falso i,.bx-texto-falso mark{display:block;height:8px;border-radius:4px;background:#E8E2EA;margin:9px 0}
.bx-texto-falso i.c{width:62%}
.bx-texto-falso mark{width:78%}
.visto .bx-texto-falso mark{animation:bx-subraya 6s infinite;animation-delay:calc(var(--k) * 2s)}
@keyframes bx-subraya{0%,2%{background:#E8E2EA}6%,30%{background:var(--c)}36%,100%{background:#E8E2EA}}
.bx-mini-perfil{position:relative;width:170px;height:170px;justify-self:center;display:grid;place-items:center}
.bx-mini-perfil::before{content:"";position:absolute;inset:14px;border-radius:50%;border:2px dashed #DED6E1}
.bx-bola{position:absolute;left:calc(50% + var(--x) * 1px);top:calc(50% + var(--y) * 1px);width:24px;height:24px;margin:-12px;border-radius:50%;background:var(--c);opacity:.3}
.visto .bx-bola{animation:bx-enciende 6s infinite;animation-delay:calc(var(--k) * 2s)}
@keyframes bx-enciende{0%,2%{opacity:.3;scale:1;box-shadow:none}6%,30%{opacity:1;scale:1.3;box-shadow:0 0 0 6px #fff,0 0 0 8px var(--c)}36%,100%{opacity:.3;scale:1;box-shadow:none}}
.bx-quieto .bx-texto-falso mark{background:var(--c)}.bx-quieto .bx-bola{opacity:1}
.bx-dato-fuente{background:#fff;border-radius:14px;padding:14px;display:grid;gap:8px}
.bx-dato-fuente b{font-size:15px}
.bx-dato-fuente span{font-size:13px;font-weight:600;color:#4F4850;display:flex;align-items:center;gap:8px}
.bx-dato-fuente span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.bx-equipo{display:flex;justify-content:center;align-items:center}
.bx-equipo .bx-cara+.bx-cara,.bx-equipo .bx-equipo-mas{margin-left:-14px}
.bx-equipo-mas{width:58px;height:58px;border-radius:50%;background:#1C141D;color:#fff;display:grid;place-items:center;font-weight:700;border:3px solid #fff}
.bx-anio{display:grid;gap:10px}
.bx-anio-barra{height:12px;border-radius:12px;background:#fff;overflow:hidden}
.bx-anio-barra i{display:block;height:100%;width:100%;border-radius:12px;background:linear-gradient(90deg,#0177E3,#01CD9D,#FFA82A,#C426D9);transform-origin:left;scale:0 1}
.visto .bx-anio-barra i{animation:bx-curso-llena 7s linear infinite}
@keyframes bx-curso-llena{0%{scale:0 1}75%,100%{scale:1 1}}
.bx-anio-meses{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#4F4850}
.bx-anio-sigue{justify-self:end;font-size:14px;font-weight:700;color:#00624A;opacity:0}
.visto .bx-anio-sigue{animation:bx-sigue 7s infinite}
@keyframes bx-sigue{0%,74%{opacity:0;translate:-6px 0}80%,100%{opacity:1;translate:0 0}}
.bx-quieto .bx-anio-barra i{scale:1 1}.bx-quieto .bx-anio-sigue{opacity:1}
.bx-protege{display:grid;justify-items:center;gap:8px;text-align:center}
.bx-cifra{font-family:Sora,sans-serif;font-size:28px;letter-spacing:-.02em;min-width:5.5ch;font-variant-numeric:tabular-nums}
.bx-protege small{font-size:14px;color:#4F4850}

/* anillo: las figuras pasan por detrás de la foto; cajas con borde y sombra sólida abajo-izquierda */
.bx-anillo .bx-centro{z-index:2}
.bx-anillo .bx-punto{z-index:1;width:16px;height:16px;margin:-8px;border-radius:0;background:none}
.bx-anillo .bx-punto svg{width:100%;height:100%;display:block}
.visto .bx-anillo .bx-punto,.bx-anillo.visto .bx-punto{animation:bx-viaja-forma 2.8s ease-in infinite;animation-delay:var(--d)}
@keyframes bx-viaja-forma{0%{transform:translate(calc(var(--x) * 2.6px),calc(var(--y) * 2.6px)) rotate(calc(var(--r) - 8deg));opacity:0}15%{opacity:1}78%{opacity:1}100%{transform:translate(0,-28px) rotate(calc(var(--r) + 8deg));opacity:0}}
.bx-fuente{border-top:0;border:1.5px solid #E6DEEA;box-shadow:-5px 5px 0 var(--c)}

/* cuatro maneras de empezar */
.bx-maneras{padding:110px 0}
.bx-maneras-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px}
.bx-manera{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:20px;display:grid;gap:10px;align-content:start;box-shadow:-5px 5px 0 var(--c)}
.bx-manera .bx-ilus{background:var(--dx-suave);border-radius:12px;padding:16px;min-height:130px;display:grid;align-content:center;gap:8px}
.bx-manera h3{font-size:20px;margin:6px 0 0}.bx-manera p{margin:0;color:#4F4850}
.bx-pregunta{font-size:14px;font-weight:600;margin:0;text-align:center}
.bx-escala{display:flex;gap:6px;justify-content:center}
.bx-escala i{width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #E6DEEA;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px}
.bx-escala i.on{background:var(--c);border-color:var(--c);color:#fff}
.bx-suelta{border:2px dashed #E6A3BF;border-radius:12px;padding:12px;text-align:center;font-size:14px;font-weight:600;background:#fff}
.bx-manera .bx-codigo span{width:28px;height:38px;font-size:17px;border-color:var(--c)}

/* curso tras curso: la línea avanza y cada momento aparece al llegar */
.bx-curso::before{transform-origin:left;scale:0 1}
.bx-curso.visto::before{animation:bx-linea 3.6s linear forwards}
@keyframes bx-linea{to{scale:1 1}}
.bx-curso .bx-hito{opacity:0;transform:translateY(8px)}
.bx-curso.visto .bx-hito{animation:bx-entra 500ms cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d)}
.bx-quieto .bx-curso::before{scale:1 1}.bx-quieto .bx-curso .bx-hito{opacity:1;transform:none}

@media (max-width:980px){
  .bx-maneras-grid{grid-template-columns:1fr 1fr}
  .bx-informe-vivo{grid-template-columns:1fr}
}
@media (max-width:700px){
  .bx-maneras{padding:70px 0}
  .bx-maneras-grid{grid-template-columns:1fr}
  .bx-nodo b{font-size:13px}
  .bx-nodo svg{width:28px}
  main.dx .dx-como{padding-top:70px}
}
@media (prefers-reduced-motion:reduce){.bx-curso .bx-hito{opacity:1;transform:none}.bx-curso::before{scale:1 1}}
.bx-vivo::before{content:"";position:absolute;inset:17%;border-radius:50%;border:2px dashed #EADFEE}

/* ===== Perfil Vivo v3: mapa de aprendizaje como en la app ===== */
.bx-grafo{position:relative;width:min(100%,460px);justify-self:center;background:#fff;border-radius:24px;padding:18px 18px 12px;box-shadow:0 30px 60px -36px rgba(28,20,29,.4)}
.bx-grafo-cab b{display:block;font-family:Sora,sans-serif;font-size:16px}
.bx-grafo-cab small{font-size:13px;color:var(--dx-tenue)}
.bx-grafo-cab span{font-variant-numeric:tabular-nums;color:#2A2230;font-weight:600}
.bx-grafo-ley{position:absolute;right:16px;top:16px;display:grid;gap:4px}
.bx-grafo-ley span{font-size:12px;color:#4F4850;background:#F6F3F7;border-radius:8px;padding:3px 8px;display:flex;align-items:center;gap:6px}
.bx-grafo-ley span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.bx-grafo svg{display:block;width:100%;height:auto;touch-action:none;cursor:grab;margin-top:4px}
.bx-grafo svg text{font-family:Lexend,sans-serif;pointer-events:none}
.bx-grafo-pie{margin:0;font-size:12px;color:var(--dx-tenue);text-align:right}
@media (max-width:700px){.bx-grafo-ley{position:static;display:flex;flex-wrap:wrap;margin-top:8px}}

/* curso tras curso: Lucía avanza y cada momento aparece al llegar */
.bx-viaje-pista{position:relative;height:44px;margin:0 10%}
.bx-viaje-pista::before{content:"";position:absolute;left:0;right:0;top:20px;height:4px;border-radius:4px;background:#ECE7EE}
.bx-viaje-lleno{position:absolute;left:0;right:0;top:20px;height:4px;border-radius:4px;background:linear-gradient(90deg,#0177E3,#01CD9D,#FFA82A,#C426D9,#7FE6CC);transform-origin:left;scale:var(--avance,0) 1}
.bx-viaje-tic{position:absolute;left:calc(var(--p) * 100%);top:18px;width:2px;height:8px;margin-left:-1px;border-radius:2px;background:#DED6E1}
.bx-viaje-punto{position:absolute;left:calc(var(--p) * 100%);top:22px;width:22px;height:22px;margin:-11px;border-radius:50%;background:#fff;border:4px solid #DED6E1;transition:border-color .3s,background .3s,scale .5s cubic-bezier(.34,1.56,.64,1)}
.bx-viaje-punto.llega{border-color:var(--c);scale:1.15}
.bx-viaje-yo{position:absolute;left:calc(var(--avance,0) * 100%);top:22px;translate:-50% -50%;z-index:2;filter:drop-shadow(0 6px 10px rgba(28,20,29,.25))}
.bx-viaje-yo .bx-cara{display:block}
.bx-viaje-hitos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:20px}
.bx-hito2{text-align:center;border-radius:16px;padding:16px 12px;opacity:0;transform:translateY(16px) scale(.9);transition:opacity .45s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}
.bx-hito2.llega{opacity:1;transform:none}
.bx-hito2 i{display:none}
.bx-hito2 small{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9C08AE}
.bx-hito2 b{display:block;font-family:Sora,sans-serif;font-size:18px;margin:4px 0}
.bx-hito2 span{color:#4F4850;font-size:15px}
.bx-hito2.sigue{background:#1C141D}.bx-hito2.sigue small{color:#7FE6CC}.bx-hito2.sigue b{color:#fff}.bx-hito2.sigue span{color:#E9E3EA}
.bx-hito2:not(.sigue).llega{background:var(--dx-suave)}
@media (max-width:700px){
  .bx-viaje-pista{display:none}
  .bx-viaje-hitos{grid-template-columns:1fr;gap:10px;border-left:4px solid #ECE7EE;padding-left:16px;margin-left:8px}
  .bx-hito2{text-align:left;position:relative}
  .bx-hito2 i{display:block;position:absolute;left:-29px;top:20px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--c)}
}
.bx-quieto .bx-hito2{opacity:1;transform:none}

/* ===== Entrenamientos v2 (14/10) ===== */
/* escena: abanico de tarjetas de juego (se levantan al pasar el ratón) */
.bx-escena:has(.bx-abanico){grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding-bottom:0;gap:10px}
.bx-escena-centro{max-width:660px}
.bx-escena-centro p{margin:0}
.bx-abanico{display:flex;justify-content:center;align-items:flex-end;padding-top:40px;margin-bottom:-46px;width:100%}
.bx-jcarta{position:relative;flex:none;width:172px;aspect-ratio:3/4;margin:0 -16px;border-radius:24px;padding:14px 14px 16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#fff;overflow:hidden;
  background:linear-gradient(155deg,var(--c1),var(--c2));z-index:var(--z);transform:translateY(var(--y)) rotate(var(--r));transform-origin:50% 100%;
  box-shadow:0 26px 40px -22px rgba(28,20,29,.6),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .5s cubic-bezier(.34,1.45,.64,1),box-shadow .3s}
.bx-jcarta::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 15% 0%,rgba(255,255,255,.35),transparent 55%);pointer-events:none}
.bx-jcarta::after{content:"";position:absolute;width:120px;height:60px;border-radius:120px 120px 0 0;background:rgba(255,255,255,.14);right:-30px;bottom:-6px;pointer-events:none}
.bx-jcarta:hover{transform:translateY(calc(var(--y) - 38px)) rotate(0deg) scale(1.07);z-index:30;box-shadow:0 36px 50px -24px rgba(28,20,29,.65),inset 0 1px 0 rgba(255,255,255,.4)}
.bx-jc-tipo{position:relative;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.24);border-radius:99px;padding:3px 9px}
.bx-jc-ilus{position:relative;flex:1;width:100%;display:grid;place-items:center}
.bx-jcarta b{position:relative;font-family:Sora,sans-serif;font-size:19px;line-height:1.1}
.bx-jcarta small{position:relative;font-size:13px;opacity:.92;margin-top:2px}
.bx-jc-fichas{display:flex;gap:5px}
.bx-jc-fichas i{font-style:normal;min-width:28px;padding:0 5px;height:34px;border-radius:8px;background:#fff;color:var(--c1);display:grid;place-items:center;font-family:Sora,sans-serif;font-weight:700;font-size:17px;box-shadow:0 4px 0 rgba(28,20,29,.18)}
.bx-jc-fichas i:nth-child(2){transform:translateY(-8px) rotate(-6deg)}
.bx-jc-palabra{font-family:Sora,sans-serif;font-weight:700;font-size:21px}
.bx-jc-palabra em{font-style:normal;filter:blur(3px)}
.bx-jc-letra{font-family:Sora,sans-serif;font-weight:700;font-size:72px;line-height:1;text-shadow:0 6px 0 rgba(28,20,29,.15)}
.bx-jc-mic{display:flex;align-items:center;gap:4px}
.bx-jc-mic b{width:40px;height:40px;border-radius:50%;background:#fff;color:#FF0183;display:grid;place-items:center;font-size:16px;margin-right:4px}
.bx-jc-mic i{width:5px;border-radius:3px;background:#fff;height:calc(var(--h) * .5px)}
.bx-jc-repaso{font-family:Sora,sans-serif;font-weight:700;font-size:64px;line-height:1}
@media (hover:none){.bx-jcarta:hover{transform:translateY(var(--y)) rotate(var(--r))}}
@media (max-width:700px){
  .bx-abanico{padding-top:26px;margin-bottom:-30px}
  .bx-jcarta{width:96px;margin:0 -14px;border-radius:16px;padding:9px}
  .bx-jcarta b{font-size:13px}.bx-jcarta small{display:none}.bx-jc-tipo{font-size:9px;padding:2px 6px}
  .bx-jc-fichas i{min-width:16px;padding:0 3px;height:20px;font-size:11px;border-radius:5px}.bx-jc-palabra{font-size:12px}
  .bx-jc-letra,.bx-jc-repaso{font-size:40px}.bx-jc-mic b{width:24px;height:24px;font-size:10px}.bx-jc-mic i{width:3px}
}

/* bento de juegos: Recuerda ocupa dos filas */
.bx-bento .alta{grid-row:span 2}
.bx-bento .alta .bx-ilus{min-height:340px}
@media (max-width:980px){.bx-bento .alta{grid-row:auto}.bx-bento .alta .bx-ilus{min-height:300px}}
/* Desliza: las fichas cambian de sitio y forman otra palabra */
.bx-desliza{display:grid;justify-items:center;gap:12px}
.bx-fichas{--p:70px;position:relative;width:calc(var(--p) * 5 - 6px);height:64px}
.bx-desliza.bien .bx-fichas i{border-color:#01CD9D;box-shadow:0 5px 0 #01CD9D;color:#00624A}
.bx-fichas i{position:absolute;top:0;left:calc(var(--s, 0) * var(--p));width:calc(var(--p) - 6px);height:62px;border-radius:14px;background:#fff;border:2px solid #CFE3F8;color:#0160B8;display:grid;place-items:center;font-style:normal;font-family:Sora,sans-serif;font-weight:700;font-size:25px;box-shadow:0 5px 0 #CFE3F8;transition:left .7s cubic-bezier(.65,0,.35,1),transform .35s ease,box-shadow .35s,border-color .35s,color .35s}
@media (max-width:700px){.bx-fichas{--p:54px}.bx-fichas i{font-size:20px;height:54px;border-radius:12px}}
.bx-fichas i.mueve{transform:translateY(-14px) scale(1.06);box-shadow:0 16px 18px -8px rgba(1,96,184,.35);z-index:2}
.bx-desliza-ok{margin:0;font-family:Sora,sans-serif;font-weight:700;font-size:22px;color:#4F4850}
.bx-desliza-ok.bien{color:#00624A}
.bx-desliza-ok.pop{animation:bx-pop-ok .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes bx-pop-ok{0%{scale:.7;opacity:0}100%{scale:1;opacity:1}}
/* Recuerda: la pseudopalabra, se difumina y eliges la correcta */
.bx-recuerda{display:grid;gap:12px;justify-items:center;width:100%;max-width:300px;justify-self:center}
.bx-rc-ins{margin:0;font-size:15px;font-weight:600;color:#4F4850}
.bx-rc-palabra{margin:0;font-family:Sora,sans-serif;font-weight:700;font-size:32px;color:#1C141D;transition:filter .5s,opacity .5s}
.bx-rc-palabra.borrosa{filter:blur(9px);opacity:.45}
.bx-rc-tiempo{width:100%;height:6px;border-radius:6px;background:#ECE7EE;overflow:hidden}
.bx-rc-tiempo i{display:block;height:100%;width:100%;background:#C426D9;border-radius:6px}
.bx-rc-opciones{display:grid;gap:8px;width:100%;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}
.bx-rc-opciones.ver{opacity:1;transform:none;pointer-events:auto}
.bx-rc-opciones button{font:600 17px Lexend,sans-serif;color:#1C141D;background:#fff;border:2px solid #E6DEEA;border-radius:12px;padding:10px;cursor:pointer;transition:background .25s,border-color .25s,transform .2s}
.bx-rc-opciones button:hover{border-color:#C426D9}
.bx-rc-opciones button.ok{background:#DFF8F0;border-color:#01CD9D;color:#00624A}
.bx-rc-opciones button.mal{background:#FFE0EE;border-color:#FF0183;animation:bx-tiembla .4s}
@keyframes bx-tiembla{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

/* texto + creatividad grande, en dos mitades */
.bx-par{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.bx-par-texto h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:0 0 16px}
.bx-par-texto>p:not(.dx-kicker){font-size:18px;color:#4F4850;margin:0 0 20px}
.bx-par .bx-tarjeta.bx-grande{padding:28px}
.bx-par .bx-tarjeta.bx-grande .bx-area{font-size:15px;padding:8px 0}
/* reto lector: la frase se colorea al ritmo del audio */
.bx-lector{aspect-ratio:1;display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45)}
.bx-lector header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--dx-linea)}
.bx-lector header b{font-family:Sora,sans-serif;font-size:16px}.bx-lector header small{color:var(--dx-tenue);font-size:13px}
.bx-lector-texto{font-size:clamp(20px,2vw,26px);line-height:1.75;color:#B9B1BC;margin:22px 0 18px}
.bx-lector-texto span{transition:color .2s,background .3s;border-radius:6px}
.bx-lector-texto span.leida{color:#1C141D}
.bx-lector-texto span.leida[data-m="duda"]{background:#FFE3B8;box-shadow:0 0 0 3px #FFE3B8}
.bx-lector-texto span.leida[data-m="error"]{background:#FFD1E6;box-shadow:0 0 0 3px #FFD1E6}
.bx-lector-texto span.leida[data-m="bien"]{background:#CFF5EA;box-shadow:0 0 0 3px #CFF5EA}
.bx-lector-audio{display:flex;align-items:center;gap:14px}
.bx-lector-barra{flex:1;height:8px;border-radius:8px;background:#ECE7EE;overflow:hidden}
.bx-lector-barra i{display:block;height:100%;width:var(--p,0%);background:#0177E3;border-radius:8px}
.bx-lector-t{font-variant-numeric:tabular-nums;font-size:15px}
.bx-lector .bx-ppm{margin-top:auto;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.bx-lector.fin .bx-ppm{opacity:1;transform:none}
/* resumen de la sesión (paso 3) */
.bx-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.bx-stat{background:var(--dx-suave);border-radius:12px;padding:12px 14px;display:grid;gap:2px}
.bx-stat small{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--dx-tenue)}
.bx-stat b{font-family:Sora,sans-serif;font-size:26px}
.bx-stat span{font-size:13px;color:#4F4850}
@media (max-width:980px){.bx-par{grid-template-columns:1fr;gap:32px}.bx-par.izq .bx-par-texto{order:-1}.bx-lector{aspect-ratio:auto;min-height:420px}}
.bx-quieto .bx-lector .bx-ppm{opacity:1;transform:none}
/* pasos pegados a su título (todas las B2C, escritorio) */
@media (min-width:981px){
  main.dx .dx-como+.dx-pasos{padding-top:110px}
  main.dx .dx-paso[data-paso="0"]{justify-content:flex-start;padding-top:24px;min-height:62vh}
  main.dx .dx-pasos-visual{margin-top:0}
}
.bx-abanico{margin-bottom:-28px}
.bx-jcarta b{margin-top:10px}
@media (max-width:700px){.bx-jcarta:first-child,.bx-jcarta:last-child{display:none}.bx-jcarta{width:100px}}

/* ===== Adaptar materiales v3 (14/10) ===== */
.bx-cuad span{border-radius:8px!important}
@keyframes bx-pulsa-pop{0%{scale:.9}55%{scale:1.1}100%{scale:1}}
/* escena: el formulario se rellena solo */
.bx-form-caja{width:min(100%,460px);justify-self:center}
.bx-form{position:relative;background:#fff;border:1px solid var(--dx-linea);border-radius:20px;padding:22px;box-shadow:0 30px 60px -30px rgba(28,20,29,.3);overflow:hidden}
.bx-form header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--dx-linea);margin-bottom:10px}
.bx-form header b{font-family:Sora,sans-serif;font-size:16px}.bx-form header small{color:var(--dx-tenue);font-size:13px}
.bx-form .bx-sube{position:relative;transition:background .3s,border-color .3s,scale .3s}
.bx-form .bx-sube.activa{background:#DCEBFB;border-color:#0177E3;scale:1.02}
.bx-vuela{position:absolute;left:-40px;top:-50px;font-size:11px;font-weight:700;color:#fff;background:#E5484D;border-radius:6px;padding:10px 8px;opacity:0;box-shadow:0 10px 18px -8px rgba(28,20,29,.4)}
.bx-vuela.vuela{animation:bx-vuela 1s cubic-bezier(.45,0,.2,1) forwards}
@keyframes bx-vuela{0%{opacity:1;transform:translate(0,0) rotate(-12deg)}80%{opacity:1;transform:translate(calc(var(--vx) - 10px),calc(var(--vy) + 4px)) rotate(4deg)}100%{opacity:0;transform:translate(var(--vx),var(--vy)) scale(.6)}}
/* altura fija: la fila del archivo ya ocupa su sitio antes de subirse; solo se ve con la opacidad */
.bx-fa{position:relative;overflow:hidden;opacity:0;margin:8px 0 0;padding:8px 10px;transition:opacity .35s}
.bx-fa.ver{opacity:1}
@media (max-width:480px){.bx-form .bx-fa{gap:6px;padding:8px;font-size:13px}.bx-form .bx-fa small{font-size:12px;white-space:nowrap}}
@media (max-width:380px){.bx-form .bx-fa{font-size:12px}.bx-form .bx-fa small{display:none}}
.bx-fa-barra{position:absolute;left:0;bottom:0;height:3px;width:var(--p,0%);background:#0177E3;transition:width 1.1s linear}
.bx-form .bx-opciones span.on{background:#0177E3;color:#fff;animation:bx-pulsa-pop .45s cubic-bezier(.34,1.56,.64,1)}
.bx-confirma{margin:16px 0 0}
.bx-boton-web{display:inline-block;font-weight:700;font-size:15px;border-radius:8px;padding:11px 18px;background:#ECE7EE;color:#8C848E;box-shadow:0 4px 0 #D9D1DC;transition:background .3s,color .3s,box-shadow .12s,transform .12s}
.bx-boton-web.activo{background:#C426D9;color:#fff;box-shadow:0 4px 0 #8D119E}
.bx-boton-web.pulsa{transform:translateY(4px);box-shadow:0 0 0 #8D119E}
.bx-hecho{margin:10px 0 0;font-weight:700;color:#00624A;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.bx-hecho.ver{opacity:1;transform:none}
.bx-cursor{position:absolute;left:var(--cx,90%);top:var(--cy,110%);width:22px;height:22px;z-index:5;pointer-events:none;transition:left .75s cubic-bezier(.45,0,.2,1),top .75s cubic-bezier(.45,0,.2,1),scale .15s;
  background:#1C141D;clip-path:polygon(0 0,0 80%,22% 62%,40% 100%,55% 93%,38% 56%,68% 56%);filter:drop-shadow(0 0 1px #fff)}
.bx-cursor.clic{scale:.8}
.bx-confeti{position:absolute;inset:0;pointer-events:none;z-index:4}
.bx-confeti i{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;background:var(--c);border-radius:var(--br,2px);animation:bx-confeti 1.3s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes bx-confeti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}
/* bento: versiones que se eligen solas + tarjeta alta que cambia de versión */
.bx-versiones{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.bx-versiones span{font-size:15px;font-weight:700;padding:10px 14px;background:#fff;border:2px solid #E6DEEA;color:#2A2230;transition:background .25s,border-color .25s,color .25s}
.bx-versiones span.on{background:#0177E3;border-color:#0177E3;color:#fff;animation:bx-pulsa-pop .45s cubic-bezier(.34,1.56,.64,1)}
.bx-ver{position:relative;min-height:300px;display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:22px 18px 14px;overflow:hidden}
.bx-ver-item{position:absolute;left:18px;right:18px;top:24px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.bx-ver-item::before{content:"";position:absolute;left:-18px;right:-18px;top:-24px;height:6px;background:var(--c)}
.bx-ver[data-v="0"] .bx-ver-item:nth-child(1),.bx-ver[data-v="1"] .bx-ver-item:nth-child(2),.bx-ver[data-v="2"] .bx-ver-item:nth-child(3),.bx-ver[data-v="3"] .bx-ver-item:nth-child(4){opacity:1;transform:none}
.bx-ver-etq{display:block;font-family:Sora,sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--c);margin-bottom:10px}
.bx-ver-item p{margin:0;font-size:16px;line-height:1.55;color:#1C141D}
.bx-ver-item b{background:#FFF1D6;border-radius:4px;padding:0 3px;font-weight:600}
.bx-ver-pie{margin-top:auto;border-top:1px solid var(--dx-linea);padding-top:10px;display:flex;align-items:center;gap:10px;min-height:56px}
.bx-ver-pie small{font-size:13px;color:var(--dx-tenue)}
.bx-ver-caras{position:relative;flex:1;height:44px}
.bx-ver-grupo{position:absolute;inset:0;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .4s}
.bx-ver-grupo b{font-size:15px}
.bx-ver[data-v="0"] .bx-ver-grupo[data-v="0"],.bx-ver[data-v="1"] .bx-ver-grupo[data-v="1"],.bx-ver[data-v="2"] .bx-ver-grupo[data-v="2"],.bx-ver[data-v="3"] .bx-ver-grupo[data-v="3"]{opacity:1}
.bx-bento .alta .bx-ilus:has(.bx-ver){align-content:stretch}
/* dos caminos y Nubo */
.bx-caminos{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:20px;margin-top:34px;align-items:stretch}
.bx-camino{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:24px;display:grid;gap:8px;align-content:start;box-shadow:-5px 5px 0 var(--c)}
.bx-camino small{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9C08AE}
.bx-camino h3{font-size:24px;margin:0}.bx-camino p{margin:0;color:#4F4850}
.bx-camino ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;font-weight:600}
.bx-camino li::before{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:8px;font-size:12px;color:#fff}
.bx-camino li.si::before{content:"✓";background:#00A57E}.bx-camino li.no::before{content:"✕";background:#D6006E}
.bx-camino.nubo{background:#F8ECFA;border-color:#C426D9}
.bx-camino.nubo h3{font-size:30px;color:#9C08AE}
/* Edna: el correo se escribe, se envía, Edna piensa y responde */
.bx-edna .bx-correo-cuerpo{min-height:96px}
.bx-ed-cursor{display:inline-block;width:2px;height:1.1em;background:#0177E3;vertical-align:-3px;margin-left:1px;animation:bx-parpadea 1s steps(1) infinite}
@keyframes bx-parpadea{50%{opacity:0}}
.bx-ed-adj{opacity:0;scale:.8;transition:opacity .3s,scale .4s cubic-bezier(.34,1.56,.64,1)}
.bx-ed-adj.ver{opacity:1;scale:1}
.bx-ed-enviar{display:flex;justify-content:flex-end;margin-top:12px}
.bx-ed-piensa{display:flex;align-items:center;gap:12px;padding:0 18px;max-height:0;opacity:0;overflow:hidden;font-size:14px;color:#4F4850;transition:max-height .3s,opacity .3s,padding .3s}
.bx-ed-piensa.ver{max-height:60px;opacity:1;padding:14px 18px;border-top:1px solid var(--dx-linea)}
.bx-ed-puntos{display:inline-flex;gap:5px}
.bx-ed-puntos i{width:9px;height:9px;border-radius:50%;animation:bx-salta 1s ease-in-out infinite}
.bx-ed-puntos i:nth-child(1){background:#0177E3}.bx-ed-puntos i:nth-child(2){background:#C426D9;animation-delay:.15s}.bx-ed-puntos i:nth-child(3){background:#FFA82A;animation-delay:.3s}
@keyframes bx-salta{0%,100%{transform:translateY(0)}40%{transform:translateY(-7px)}}
.bx-edna .bx-respuesta{opacity:0;transform:translateY(8px);animation:none;transition:opacity .5s,transform .5s;max-height:0;overflow:hidden}
.bx-edna.responde .bx-respuesta{opacity:1;transform:none;max-height:240px}
/* pasos: revisa, propón y Nubo lo rehace */
.bx-doc-bar{display:flex;align-items:center;gap:12px;background:var(--dx-suave);border-radius:10px;padding:9px 12px;font-size:13px;margin-top:6px}
.bx-doc-bar b{flex:1;font-size:13px}.bx-doc-bar span{font-weight:600;color:#4F4850}
.bx-doc-preg{border:1px solid var(--dx-linea);border-radius:10px;padding:12px;margin-top:8px}
.bx-doc-preg p{margin:0 0 6px;font-size:15px;line-height:1.55}.bx-doc-preg b{background:#FFF1D6;border-radius:4px;padding:0 3px;font-weight:600}
.bx-doc-preg i{display:block;height:20px;border-bottom:1.5px dashed #CFC6D2}
.bx-punt{display:flex;align-items:center;gap:14px;margin-top:12px}
.bx-punt small{display:block;font-size:12px;color:var(--dx-tenue)}.bx-punt>span>b{font-size:14px}
.bx-gauge{flex:none;width:64px;height:64px;border-radius:50%;background:conic-gradient(#01CD9D calc(var(--v) * 1%),#ECE7EE 0);display:grid;place-items:center;position:relative}
.bx-gauge::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.bx-gauge b{position:relative;font-family:Sora,sans-serif;font-size:15px;color:#00624A}
.bx-ruleta{height:48px;overflow:hidden;border:2px solid #0177E3;border-radius:10px;background:#F2F8FE}
.bx-ruleta-lista{animation:bx-ruleta 10s cubic-bezier(.65,0,.35,1) infinite}
.bx-ruleta-lista span{display:flex;align-items:center;justify-content:center;height:48px;font-weight:700;font-size:16px;color:#0160B8}
@keyframes bx-ruleta{0%,14%{transform:translateY(0)}20%,34%{transform:translateY(-48px)}40%,54%{transform:translateY(-96px)}60%,74%{transform:translateY(-144px)}80%,94%{transform:translateY(-192px)}100%{transform:translateY(-240px)}}
/* altura fija: «Rehaciendo…» se pinta encima del hueco del resultado (alto 0) y el resultado ocupa su sitio desde el principio; solo cambia la opacidad */
.bx-rehace .bx-rh-piensa{display:flex;align-items:flex-start;height:0;gap:10px;font-size:14px;color:#4F4850;margin-top:10px;animation:bx-rh-a 7s infinite}
.bx-rh-hecho{animation:bx-rh-b 7s infinite;margin-top:10px}
.bx-rh-no{font-size:13px;color:#8A4B00;background:#FFF1D6;border-radius:10px;padding:8px 10px;margin:10px 0 0;animation:bx-rh-c 7s infinite}
@keyframes bx-rh-a{0%,30%{opacity:1}36%,100%{opacity:0}}
@keyframes bx-rh-b{0%,32%{opacity:0}40%,100%{opacity:1}}
@keyframes bx-rh-c{0%,58%{opacity:0;transform:translateY(6px)}66%,100%{opacity:1;transform:none}}
.bx-relaciona{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;position:relative}
.bx-relaciona span{font-size:14px;font-weight:600;border-radius:8px;padding:7px 10px;background:var(--dx-suave);position:relative}
.bx-relaciona span:nth-child(odd)::after{content:"";position:absolute;right:-26px;top:50%;width:26px;border-top:2px dashed #0177E3}
.bx-rh-ok{margin:8px 0 0;font-size:13px;font-weight:700;color:#00624A}
.bx-quieto .bx-rh-piensa{display:none}.bx-quieto .bx-rh-hecho,.bx-quieto .bx-rh-no{animation:none;opacity:1;max-height:none}
/* curricular: el mismo contexto en otro nivel */
.bx-curr{position:relative;background:#fff;border-radius:24px;padding:26px;min-height:380px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:flex;flex-direction:column}
.bx-curr-fijo{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--dx-linea)}
.bx-elefante{width:72px;height:auto}
.bx-curr-item{position:absolute;left:26px;right:26px;top:130px;opacity:0;transform:translateY(10px);transition:opacity .55s,transform .55s}
.bx-curr[data-v="0"] .bx-curr-item:nth-of-type(2),.bx-curr[data-v="1"] .bx-curr-item:nth-of-type(3),.bx-curr[data-v="2"] .bx-curr-item:nth-of-type(4){opacity:1;transform:none}
.bx-curr-item p{margin:0 0 14px;font-size:18px;line-height:1.55}
.bx-curr-item p b{background:#FFF1D6;border-radius:4px;padding:0 3px}
.bx-curr-op{display:block;font-family:Sora,sans-serif;font-size:30px;color:var(--c)}
.bx-curr-item:nth-of-type(2) .bx-curr-op{color:#4F4850}
.bx-curr-caras{display:flex;gap:4px;margin-top:12px}
.bx-quieto .bx-curr-item{position:static;opacity:1;transform:none;margin-top:14px}
@media (max-width:980px){.bx-caminos{grid-template-columns:1fr}}
@media (max-width:700px){.bx-curr{min-height:440px}.bx-curr-item{top:118px;left:20px;right:20px}.bx-curr{padding:20px}}
.dx-ventajas+.bx-sec{padding-top:0}
.bx-par .bx-edna{font-size:16px}
.bx-par .bx-edna .bx-correo-fila{font-size:15px;padding:13px 22px;grid-template-columns:80px 1fr}
.bx-par .bx-edna .bx-correo-cuerpo{font-size:17px;line-height:1.6;padding:20px 22px;min-height:150px}
.bx-par .bx-edna .bx-ed-piensa{font-size:15px}
.bx-par .bx-edna{min-height:520px}@media (max-width:700px){.bx-par .bx-edna{min-height:600px}}
.bx-rehace{min-height:300px}
/* versiones enlazadas al selector (5) */
.bx-versiones span.on{background:var(--c,#0177E3);border-color:var(--c,#0177E3)}
.bx-ver{min-height:430px}
.bx-ver-zona{position:relative;flex:1;min-height:320px}
.bx-ver-item{top:0;left:0;right:0}
.bx-ver-item::before{top:-22px;left:-18px;right:-18px}
.bx-ver[data-v="4"] .bx-ver-item:nth-child(5){opacity:1;transform:none}
.bx-ver[data-v="4"] .bx-ver-grupo[data-v="4"]{opacity:1}
.bx-ver-doc{display:block;font-size:13px;color:var(--dx-tenue);margin:-6px 0 10px}
.bx-ver-pasos{margin:8px 0 0;padding-left:22px;display:grid;gap:4px;font-size:16px}
.bx-ver-pasos b,.bx-ver-item p b{background:#FFF1D6;border-radius:4px;padding:0 3px;font-weight:600}
.bx-ver-banco{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bx-ver-banco span{border:2px dashed var(--c);border-radius:8px;padding:4px 10px;font-weight:600;font-size:14px}
.bx-ver-img{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:10px;padding:8px;background:#F2FBF8;border-radius:10px}
.bx-ver-img i{width:26px;background:#8C848E;border-radius:3px 3px 0 0}.bx-ver-img i:nth-child(1){height:60%}.bx-ver-img i:nth-child(2){height:95%;width:16px}.bx-ver-img i:nth-child(3){height:45%;width:40px}
.bx-ver-medidas{display:flex;flex-wrap:wrap;gap:6px}
.bx-ver-medidas span{font-size:13px;font-weight:600;background:var(--dx-suave);border-radius:8px;padding:5px 9px}
.bx-ver-medidas span::before{content:"✓ ";color:#00A57E}
/* correo de Edna: el texto no cambia de suavizado mientras se escribe */
.bx-edna{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);backface-visibility:hidden}
.bx-ed-texto,.bx-ed-asunto{white-space:pre-wrap}
.bx-ed-adj,.bx-ed-adj.ver{scale:1;transition:opacity .35s}
.dx-cabeza.bx-cabeza-centro{margin-inline:auto;text-align:center;max-width:980px}.bx-cabeza-centro h2,.bx-cabeza-centro .bx-sub{margin-inline:auto}

/* ===== Planes de apoyo v2 (14/10) ===== */
/* escena: el plan, con el cursor de cada persona del equipo trabajando a la vez */
.bx-colab{position:relative;width:min(100%,470px);justify-self:center;background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);overflow:hidden;-webkit-font-smoothing:antialiased}
.bx-colab header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--dx-linea)}
.bx-colab header b{display:block;font-family:Sora,sans-serif;font-size:17px}
.bx-colab header small{font-size:13px;color:var(--dx-tenue)}
.bx-colab-reloj{font-family:Sora,sans-serif;font-weight:700;font-size:22px;color:#0160B8;font-variant-numeric:tabular-nums}
.bx-colab-caras{display:flex;margin-top:6px}.bx-colab-caras .bx-cara+.bx-cara{margin-left:-8px}
.bx-fila{position:relative;display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--dx-suave);margin-top:8px;font-size:14px;transition:box-shadow .3s,background .3s}
.bx-fila>b{font-size:14px}
.bx-fila .bx-val{display:block;color:#4F4850;min-height:20px}
.bx-fila .bx-val em{font-style:normal;color:#B3A9B6}
.bx-fila.toca{box-shadow:0 0 0 2px var(--c);background:#fff}
.bx-fila .bx-de{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:12px;font-weight:700;color:#fff;background:var(--c);border-radius:6px;padding:2px 7px;opacity:0;transition:opacity .3s}
.bx-fila.hecha .bx-de{opacity:1}
.bx-fila.firma.hecha{background:#E8FAF4}
.bx-fila.firma.hecha .bx-val{color:#00624A;font-weight:700}
.bx-mano{position:absolute;left:0;top:0;z-index:5;pointer-events:none;transform:translate(var(--x,0),var(--y,0));transition:transform 1.1s cubic-bezier(.45,0,.2,1)}
.bx-mano i{display:block;width:18px;height:18px;background:var(--c);clip-path:polygon(0 0,0 80%,22% 62%,40% 100%,55% 93%,38% 56%,68% 56%);filter:drop-shadow(0 0 1px #fff)}
.bx-mano span{position:absolute;left:14px;top:14px;white-space:nowrap;font-size:12px;font-weight:700;color:#fff;background:var(--c);border-radius:6px 6px 6px 0;padding:3px 8px}
/* roles: tutoría, orientación y cada materia */
.bx-roles{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:30px}
.bx-roles-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.bx-roles-tabs button{font:700 15px Lexend,sans-serif;border-radius:10px;padding:10px 16px;border:2px solid #E6DEEA;background:#fff;color:#2A2230;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.bx-roles-tabs button[aria-selected="true"]{background:var(--c);border-color:var(--c);color:#fff}
/* altura fija: los tres textos y las tres tarjetas se apilan en la misma celda; solo se ve el activo, y la caja siempre mide lo del más alto */
.bx-roles>div:first-child{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.bx-roles-tabs{grid-row:1}
.bx-rol{display:block;grid-area:2/1;visibility:hidden}.bx-rol.activo{visibility:visible;animation:bx-entra .45s cubic-bezier(.22,1,.36,1) both}
.bx-rol h3{font-size:clamp(24px,2.6vw,32px);margin:0 0 12px}
.bx-rol p{color:#4F4850;font-size:18px;margin:0 0 14px}
.bx-roles-vis{position:relative;min-height:330px;display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.bx-roles-vis .bx-tarjeta{display:block;grid-area:1/1;align-self:start;visibility:hidden}.bx-roles-vis .bx-tarjeta.activo{visibility:visible;animation:bx-entra .45s cubic-bezier(.22,1,.36,1) both}
/* antes y con Nubo */
.bx-antes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}
.bx-antes article{border-radius:20px;padding:26px;display:grid;gap:10px;align-content:start}
.bx-antes .antes{background:#F6F3F7;border:1.5px dashed #CFC6D2}
.bx-antes .ahora{background:#fff;border:1.5px solid #E6DEEA;box-shadow:-5px 5px 0 #0177E3}
.bx-antes small{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9C08AE}
.bx-antes h3{font-size:24px;margin:0}
.bx-antes ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.bx-antes li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;color:#4F4850}
.bx-antes li::before{content:counter(list-item);display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-weight:700;font-size:13px;background:#E6DEEA;color:#4F4850}
.bx-antes .ahora li::before{background:#0177E3;color:#fff}
.bx-antes .antes li{text-decoration:line-through;text-decoration-color:#B3A9B6}
@media (max-width:980px){.bx-roles,.bx-antes{grid-template-columns:1fr}.bx-roles{gap:28px}}
@media (max-width:700px){.bx-fila{grid-template-columns:1fr}}
.bx-ccaa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.bx-cc{background:#fff;border:1.5px solid #E6DEEA;border-radius:14px;padding:14px 16px;display:grid;gap:3px;align-content:start}
.bx-cc small{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4F4850}
.bx-cc b{font-family:Sora,sans-serif;font-size:20px;color:#0160B8}
.bx-cc span{font-size:14px;color:#4F4850}
.bx-cc .bx-pill{margin-top:6px;background:#E8FAF4}
@media (max-width:980px){.bx-ccaa{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bx-ccaa{grid-template-columns:1fr}}
.bx-colab header>span:first-child{display:grid;gap:2px}
.bx-antes ol{counter-reset:paso}.bx-antes li{counter-increment:paso}.bx-antes li::before{content:counter(paso)}

/* ===== Cribados v3 (15/10): orientación ===== */
.bx-panel{width:min(100%,470px);justify-self:center;background:#fff;border-radius:22px;padding:20px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45)}
.bx-panel header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--dx-linea)}
.bx-panel header>span:first-child{display:grid}.bx-panel header b{font-family:Sora,sans-serif;font-size:16px}.bx-panel header small{font-size:13px;color:var(--dx-tenue)}
.bx-panel-tabs{display:flex;gap:4px}.bx-panel-tabs i{font-style:normal;font-size:13px;font-weight:700;padding:5px 10px;border-radius:8px;background:var(--dx-suave)}.bx-panel-tabs i.on{background:#1C141D;color:#fff}
.bx-panel-firma{display:flex;justify-content:space-between;align-items:center;background:#C426D9;color:#fff;border-radius:12px;padding:10px 14px;margin-top:12px;font-size:14px}
.bx-panel-firma b{font-size:15px}.bx-panel-firma span{background:rgba(255,255,255,.22);border-radius:99px;padding:2px 10px;font-weight:700}
.bx-panel-aula{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--dx-linea);font-size:14px}
.bx-panel-aula>span:first-child{display:grid}.bx-panel-aula small{color:var(--dx-tenue);font-size:13px}
.bx-panel-barra{height:8px;border-radius:8px;background:#ECE7EE;overflow:hidden}
.bx-panel-barra i{display:block;height:100%;width:var(--v);background:var(--c);border-radius:8px;transform-origin:left;scale:0 1;transition:scale 1.4s cubic-bezier(.22,1,.36,1)}
.visto .bx-panel-barra i,.bx-quieto .bx-panel-barra i{scale:1 1}
.bx-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 2px}
.bx-cifras span{background:var(--dx-suave);border-radius:12px;padding:10px;font-size:13px;color:#4F4850;display:grid}
.bx-cifras b{font-family:Sora,sans-serif;font-size:24px;color:#1C141D}
/* mini actividades del cribado */
.bx-quizs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.bx-quiz{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:360px;box-shadow:-5px 5px 0 var(--c);position:relative}
.bx-quiz header{display:flex;justify-content:space-between;align-items:center}
.bx-quiz-eje{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--c);border-radius:8px;padding:4px 9px}
.bx-quiz-t{font-variant-numeric:tabular-nums;font-weight:700;color:#4F4850}
.bx-quiz-ins{margin:0;font-weight:700;font-size:17px}
.bx-quiz-p{margin:0;font-size:17px;line-height:1.5;min-height:1.5em}
.bx-quiz-p.grande{font-family:Sora,sans-serif;font-size:34px;font-weight:700;text-align:center}
.bx-quiz-ops{display:grid;gap:8px}
.bx-quiz-ops button{font:600 17px Lexend,sans-serif;color:#1C141D;background:#fff;border:2px solid #E6DEEA;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.bx-quiz-ops button:hover{border-color:var(--c)}
.bx-quiz-ops button.ok{background:#DFF8F0;border-color:#01CD9D;color:#00624A}
.bx-quiz-ops button.mal{background:#FFE0EE;border-color:#FF0183;animation:bx-tiembla .4s}
.bx-quiz-pasos{display:flex;gap:6px;margin-top:auto}.bx-quiz-pasos i{flex:1;height:6px;border-radius:6px;background:#ECE7EE}.bx-quiz-pasos i.hecho{background:var(--c)}
.bx-quiz-fin{display:none;flex-direction:column;gap:10px}
.bx-quiz.fin .bx-quiz-fin{display:flex}.bx-quiz.fin .bx-quiz-ops,.bx-quiz.fin .bx-quiz-p,.bx-quiz.fin .bx-quiz-ins{display:none}
.bx-quiz-fin b{font-family:Sora,sans-serif;font-size:28px}
.bx-quiz-fin span{color:#4F4850;font-size:15px}
.bx-quiz-fin button{align-self:flex-start;font:700 15px Lexend,sans-serif;border:0;border-radius:10px;padding:10px 16px;background:var(--c);color:#fff;cursor:pointer}
/* documentos del centro */
.bx-docs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}
.bx-doc-tipo{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #E6DEEA;border-radius:12px;padding:12px 16px;font-weight:700;box-shadow:-4px 4px 0 var(--c)}
.bx-doc-tipo i{width:18px;height:22px;border-radius:3px;background:var(--c);opacity:.85;clip-path:polygon(0 0,70% 0,100% 25%,100% 100%,0 100%)}
@media (max-width:980px){.bx-quizs{grid-template-columns:1fr}}
.bx-respuestas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.bx-resp{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:22px;display:grid;gap:8px;align-content:start;box-shadow:-5px 5px 0 var(--c)}
.bx-resp small{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9C08AE}
.bx-resp h3{font-size:20px;margin:0}.bx-resp p{margin:0;color:#4F4850}
@media (max-width:980px){.bx-respuestas{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.bx-respuestas{grid-template-columns:1fr}}

/* ===== Cribados v4 (16/10) ===== */
/* panel: avisos que vuelan a la barra de su aula */
.bx-panel-vivo{position:relative;overflow:hidden}
.bx-panel-vivo .bx-panel-barra i{scale:1 1;transition:width .8s cubic-bezier(.22,1,.36,1)}
.bx-panel-aula{transition:background .3s;border-radius:10px}
.bx-panel-aula.sube{background:#EAF3FD}
.bx-panel-aula em{font-style:normal;font-weight:700;color:#1C141D}
.bx-noti{position:absolute;left:50%;top:14px;z-index:6;translate:-50% -140%;opacity:0;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;background:#1C141D;color:#fff;font-size:13px;font-weight:600;border-radius:12px;padding:8px 12px;box-shadow:0 14px 26px -12px rgba(28,20,29,.5);transition:translate .5s cubic-bezier(.34,1.4,.64,1),opacity .35s,scale .5s}
.bx-noti::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#01CD9D;font-size:12px}
.bx-noti.ver{translate:-50% 0;opacity:1}
.bx-noti.vuela{translate:var(--nx,-50%) var(--ny,0);scale:.35;opacity:0;transition:translate .7s cubic-bezier(.65,0,.35,1),scale .7s,opacity .7s .2s}
.bx-noticias .bx-ev{opacity:1;transform:none;animation:none}
.bx-noticias .bx-ev.nueva{animation:bx-entra .5s cubic-bezier(.22,1,.36,1) both;background:#EAF3FD}
/* bento: enviar el cribado */
.bx-envio{position:relative;display:grid;gap:10px;min-height:150px;align-content:center}
.bx-envio-alumno{display:flex;align-items:center;gap:12px}
.bx-envio-alumno>span:not(.bx-boton-web):not(.bx-pill){display:grid;flex:1}.bx-envio-alumno small{color:var(--dx-tenue);font-size:13px}
.bx-envio-prog,.bx-envio-ana,.bx-envio-res{display:none}
.bx-envio.prog .bx-envio-prog{display:grid;gap:6px}
.bx-envio-prog small{font-size:13px;color:#4F4850}
.bx-envio-prog .bx-barra i{width:0;transition:width 1.6s linear;background:#0177E3}
.bx-envio.prog2 .bx-envio-prog .bx-barra i{width:100%}
.bx-envio.ana .bx-envio-ana{display:flex}
.bx-envio-ana{align-items:center;gap:10px;font-size:14px;color:#4F4850}
.bx-envio.res .bx-envio-res{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;animation:bx-entra .5s cubic-bezier(.34,1.4,.64,1) both}
.bx-envio-res span{display:grid;gap:3px;font-size:12px}
.bx-envio-res i{height:7px;border-radius:7px;background:linear-gradient(90deg,var(--c) var(--v),#ECE7EE var(--v))}
.bx-envio .bx-boton-web.pulsa,.bx-demo .bx-boton-web.pulsa{transform:translateY(4px);box-shadow:0 0 0 #8D119E}
.bx-envio .bx-cursor,.bx-demo .bx-cursor{position:absolute}
/* bento: FRIN con tres preguntas */
.bx-frin{display:grid;gap:8px;min-height:120px;align-content:center}
.bx-frin-n{font-size:12px;font-weight:700;color:var(--dx-tenue);text-transform:uppercase;letter-spacing:.05em}
.bx-frin-q{display:none;gap:10px}.bx-frin-q.on{display:grid;animation:bx-entra .45s cubic-bezier(.22,1,.36,1) both}
.bx-frin-q b{font-size:15px}
.bx-frin .bx-escala{justify-content:flex-start}
.bx-frin .bx-escala i{transition:background .25s,border-color .25s,color .25s,scale .3s}
.bx-frin .bx-escala i.on{background:#0177E3;border-color:#0177E3;color:#fff;scale:1.12}
/* bento: la firma se dibuja */
.bx-firma-vivo{display:grid;gap:6px;min-height:120px;align-content:center}
.bx-firma-vivo svg{width:100%;max-width:220px;height:auto;border-bottom:1.5px dashed #CFC6D2}
.bx-firma-vivo path{fill:none;stroke:#1C141D;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:bx-firma 5s ease-in-out infinite}
@keyframes bx-firma{0%,8%{stroke-dashoffset:420}55%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.bx-firma-pie{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.bx-firma-pie .bx-pill{animation:bx-firma-ok 5s infinite}
@keyframes bx-firma-ok{0%,52%{opacity:0;scale:.8}60%,92%{opacity:1;scale:1}100%{opacity:0}}
.bx-quieto .bx-firma-vivo path{animation:none;stroke-dashoffset:0}.bx-quieto .bx-firma-pie .bx-pill{animation:none}
/* bento: plataformas como apps */
.bx-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bx-app{display:grid;justify-items:center;gap:6px}
.bx-app img,.bx-app b{width:54px;height:54px;padding:10px;border-radius:14px;background:#fff;box-shadow:0 6px 14px -8px rgba(28,20,29,.35)}
.bx-app b{display:grid;place-items:center;font-size:26px;color:#4F4850;border:2px dashed #CFC6D2;background:transparent;box-shadow:none;padding:0}
.bx-app small{font-size:12px;font-weight:600;color:#4F4850}
/* cribado incluido: preguntas y demo larga */
.bx-preguntas{background:#FFF3E1;border-radius:16px;padding:18px 20px;display:grid;gap:10px}
.bx-preguntas b{font-family:Sora,sans-serif}
.bx-preguntas span{display:flex;gap:10px;align-items:center}
.bx-preguntas span::before{content:"?";display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#FFA82A;color:#1C141D;font-weight:700;font-size:13px}
.bx-demo{position:relative;background:#FFF3E1;border-radius:24px;padding:22px;min-height:470px;overflow:hidden}
.bx-demo-caps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.bx-demo-caps i{font-style:normal;font-size:13px;font-weight:700;border-radius:99px;padding:5px 11px;background:#fff;color:#4F4850;transition:background .3s,color .3s}
.bx-demo-caps i.on{background:#1C141D;color:#fff}
.bx-demo-esc{position:absolute;left:22px;right:22px;top:72px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 48px -30px rgba(28,20,29,.45);opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .45s,transform .45s}
.bx-demo-esc.on{opacity:1;transform:none}
.bx-demo-tit{font-family:Sora,sans-serif;font-weight:700;font-size:20px;margin:0 0 4px}
.bx-demo-sub{margin:0 0 14px;color:#4F4850}
.bx-demo-ejes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bx-demo-ejes span{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;background:var(--dx-suave);border-radius:10px;padding:10px 12px;opacity:0;transform:translateY(8px)}
.bx-demo-ejes span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.bx-demo-esc.on .bx-demo-ejes span{animation:bx-entra .45s cubic-bezier(.34,1.4,.64,1) forwards;animation-delay:var(--d)}
.bx-demo-ok{margin:12px 0 0;font-weight:700;color:#00624A;opacity:0;transition:opacity .3s}
.bx-demo-ok.ver{opacity:1}
.bx-tablet{border:10px solid #1C141D;border-radius:22px;padding:18px;margin:-6px;text-align:center}
.bx-tablet .bx-demo-act{display:block;font-size:12px;color:var(--dx-tenue);margin-bottom:6px}
.bx-falta{font-size:20px;line-height:1.6;margin:10px 0 0}
.bx-falta-mal{border-radius:6px;padding:0 4px;transition:background .3s,color .3s}
.bx-falta-mal.toca{background:#FFE0EE}
.bx-falta-mal.bien{background:#DFF8F0;color:#00624A}
.bx-demo .bx-rc-palabra{margin:6px 0 10px}
.bx-demo .bx-rc-opciones{display:grid;gap:6px;opacity:0;transition:opacity .4s}
.bx-demo .bx-rc-opciones.ver{opacity:1}
.bx-demo .bx-rc-opciones button{pointer-events:none}
.bx-demo .bx-envio-ana{display:flex;justify-content:center;padding:40px 0;font-size:16px}
.bx-demo-esc[data-e="6"] .bx-eje{animation:bx-entra .4s both}
@media (max-width:700px){.bx-demo{min-height:520px}.bx-demo-ejes{grid-template-columns:1fr}.bx-apps{grid-template-columns:repeat(4,1fr)}.bx-app img,.bx-app b{width:46px;height:46px}}
.bx-control{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:8px 10px;align-items:center;margin-top:10px;font-size:14px}
.bx-control b{font-size:12px;font-weight:700;color:var(--dx-tenue);text-transform:uppercase;letter-spacing:.03em;text-align:center}
.bx-control span{font-weight:700}
.bx-control i{font-style:normal;text-align:center;font-family:Sora,sans-serif;font-weight:700;font-size:18px;background:var(--dx-suave);border-radius:10px;padding:6px 0}
.bx-control i.alerta{background:#FFE0EE;color:#B0005A}

/* ===== Guías de adaptar (/adaptaciones, metodológicas y curriculares) ===== */
.bx-cabeza-centro .bx-sub{margin-inline:auto}
.bx-cierre-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.dx-hero .dx-acciones .dx-enlace{margin-left:6px}

/* escena: misma etiqueta, dos barreras */
.bx-etiq-es{background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:14px}
.bx-et-tarea{background:var(--dx-suave,#F6F2F7);border-radius:14px;padding:14px 16px}
.bx-et-tarea small,.bx-et-paso small{font-size:14px;color:var(--dx-tenue,#6B636D);font-weight:600}
.bx-et-tarea p{margin:4px 0 0;font-size:16px;line-height:1.5}
.bx-et-pregunta{margin:0;font-family:Sora,sans-serif;font-weight:700;font-size:18px;text-align:center;transition:opacity .4s}
.bx-et-dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bx-et-al{border:2px solid color-mix(in srgb,var(--c) 35%,#fff);border-radius:16px;padding:14px;display:grid;gap:10px;align-content:start}
.bx-et-quien{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bx-et-quien b{font-family:Sora,sans-serif;font-size:18px}
.bx-et-chip{border-radius:99px;background:#F1ECF3;padding:3px 10px;font-size:14px;font-weight:600;transition:opacity .5s,text-decoration-color .5s;text-decoration:line-through 2px transparent}
.bx-et-paso{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.bx-et-paso p{margin:2px 0 0;font-size:16px;font-weight:600;line-height:1.4}
.bx-et-f2{background:color-mix(in srgb,var(--c) 12%,#fff);border-radius:10px;padding:8px 10px}
.bx-et-obj{margin:0;border-radius:12px;background:#E6F8F3;color:#00624A;font-weight:700;padding:10px 14px;opacity:0;transition:opacity .5s}
.bx-etiq-es:not([data-f="0"]) .bx-et-chip{opacity:.55;text-decoration-color:#D6006E}
.bx-etiq-es:not([data-f="0"]) .bx-et-pregunta{opacity:.35}
.bx-etiq-es:not([data-f="0"]) .bx-et-f1,.bx-etiq-es[data-f="2"] .bx-et-f2,.bx-etiq-es[data-f="3"] .bx-et-f2{opacity:1;transform:none}
.bx-etiq-es[data-f="3"] .bx-et-obj{opacity:1}
.bx-quieto .bx-et-paso,.bx-quieto .bx-et-obj{opacity:1;transform:none}
@media (max-width:700px){.bx-et-dos{grid-template-columns:1fr}}

/* comparador: la misma pregunta adaptada de tres maneras */
.bx-compara{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:34px;text-align:left}
.bx-cmp-orig,.bx-cmp-res{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:24px}
.bx-cmp-orig small{font-size:14px;font-weight:700;color:var(--dx-tenue,#6B636D)}
.bx-cmp-orig>p{margin:8px 0 0;font-size:18px;line-height:1.55}
.bx-cmp-obj{background:#F6F2F7;border-radius:10px;padding:10px 12px;font-size:16px!important}
.bx-cmp-pide{font-style:italic;color:#4F4850}
.bx-cmp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.bx-cmp-tabs button,.bx-tabs-lista button{font:600 16px Lexend,sans-serif;color:#1C141D;background:#fff;border:2px solid #E6DEEA;border-radius:12px;padding:8px 14px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.bx-cmp-tabs button[aria-selected="true"],.bx-tabs-lista button[aria-selected="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);box-shadow:-3px 3px 0 var(--c)}
.bx-cmp-panel{animation:bx-aparece .4s ease}
@keyframes bx-aparece{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bx-cmp-version{border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 7%,#fff);border-radius:0 12px 12px 0;padding:14px 16px;font-size:17px;line-height:1.55;min-height:150px}
.bx-cmp-version p{margin:0}
.bx-cmp-version ol{margin:0;padding-left:22px;display:grid;gap:4px}
.bx-cmp-version b{background:#FFF1D6;border-radius:4px;padding:0 3px}
.bx-cmp-fuente{font-weight:800;letter-spacing:.08em;word-spacing:.2em}
.bx-cmp-ops{list-style:upper-alpha}
.bx-cmp-notas{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.bx-cmp-notas li,.bx-cb li{position:relative;padding-left:32px;line-height:1.45}
.bx-cmp-notas li::before{position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;font-weight:700}
.bx-cmp-notas .si::before{content:"✓";background:#00A57E}.bx-cmp-notas .no::before{content:"✕";background:#D6006E}
.bx-cmp-pie{margin:14px 0 0;font-size:14px;color:var(--dx-tenue,#6B636D)}
@media (max-width:900px){.bx-compara{grid-template-columns:1fr}}

/* tablas citables */
.bx-tabla-caja{margin-top:30px;overflow-x:auto;border:1.5px solid #E6DEEA;border-radius:20px;background:#fff}
.bx-tabla{width:100%;border-collapse:collapse;font-size:16px;line-height:1.45;min-width:640px}
.bx-tabla th,.bx-tabla td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #EFE9F1}
.bx-tabla thead th{font-family:Sora,sans-serif;font-size:16px;background:#F8F5F9}
.bx-tabla tbody th{font-weight:700;width:24%}
.bx-tabla tr:last-child th,.bx-tabla tr:last-child td{border-bottom:0}
.bx-tabla small{color:var(--dx-tenue,#6B636D);font-size:14px}
.bx-tabla-caja.cuatro th:last-child,.bx-tabla-caja.cuatro td:last-child{background:#F8ECFA}
.bx-tabla-caja.cuatro thead th:last-child{color:#9C08AE}
.bx-tabla-caja.dos td:last-child{background:#F3FBF8}
.bx-v{display:inline-block;border-radius:99px;padding:1px 10px;font-weight:700;font-size:14px}
.bx-v.si{background:#E6F8F3;color:#00624A}.bx-v.no{background:#FFE6F1;color:#B0005A}.bx-v.aveces{background:#FFF1D6;color:#8A5300}
.bx-tabla-nota{margin:12px 0 0;font-size:15px;color:var(--dx-tenue,#6B636D)}

/* tipos: escalera de menos a más */
.bx-escalera{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1fr;gap:18px;margin-top:34px;align-items:end}
.bx-esc{display:grid;gap:8px;align-content:start;background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:22px;color:inherit;text-decoration:none;box-shadow:-5px 5px 0 var(--c);margin-top:calc((3 - var(--i)) * 46px);transition:transform .25s,box-shadow .25s}
.bx-esc:hover{transform:translate(3px,-3px);box-shadow:-8px 8px 0 var(--c)}
.bx-esc-n{width:38px;height:38px;border-radius:12px;background:var(--c);color:#fff;display:grid;place-items:center;font-family:Sora,sans-serif;font-weight:700;font-size:18px}
.bx-esc small,.bx-esc-dua small{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4F4850}
.bx-esc h3,.bx-esc-dua h3{margin:0;font-size:22px}.bx-esc p,.bx-esc-dua p{margin:0;color:#4F4850}
.bx-esc>b{color:#0160B8;font-weight:600}
.bx-esc-dua{background:#F8ECFA;border-radius:20px;padding:22px;display:grid;gap:8px;align-self:stretch;align-content:start}
.bx-esc-nota{margin:22px 0 0;font-size:18px}
@media (max-width:980px){.bx-escalera{grid-template-columns:1fr 1fr}.bx-esc{margin-top:0}}
@media (max-width:640px){.bx-escalera{grid-template-columns:1fr}}

/* ¿procede o no procede? */
.bx-procede{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px;text-align:left}
.bx-pc{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:-5px 5px 0 #C426D9}
.bx-pc small{font-size:14px;font-weight:700;color:#9C08AE;text-transform:uppercase;letter-spacing:.05em}
.bx-pc-caso{margin:0;font-weight:600;font-size:17px;line-height:1.45;flex:1}
.bx-pc-ops{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bx-pc-ops button{font:600 16px Lexend,sans-serif;color:#1C141D;background:#fff;border:2px solid #E6DEEA;border-radius:12px;padding:9px 6px;cursor:pointer}
.bx-pc-ops button:hover{border-color:#C426D9}
.bx-pc-ops button.ok{background:#E6F8F3;border-color:#00A57E;color:#00624A}
.bx-pc-ops button.mal{background:#FFE6F1;border-color:#D6006E;color:#B0005A}
.bx-pc-porque{display:none;margin:0;font-size:16px;line-height:1.45;color:#2A2230}
.bx-pc-porque b{display:block;font-family:Sora,sans-serif;margin-bottom:2px}
.bx-pc.hecho .bx-pc-porque{display:block;animation:bx-aparece .4s ease}
@media (max-width:1100px){.bx-procede{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bx-procede{grid-template-columns:1fr}}

/* motor: perfil + plan + tarea → versiones con su porqué */
.bx-motor{background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:14px}
.bx-mt-entra,.bx-mt-sale{display:grid;gap:8px}
.bx-mt-entra{grid-template-columns:repeat(3,minmax(0,1fr))}
.bx-mt-entra span,.bx-mt-sale span{border-radius:12px;border:1.5px solid color-mix(in srgb,var(--c) 45%,#fff);background:color-mix(in srgb,var(--c) 8%,#fff);padding:10px 12px;display:grid;gap:2px}
.bx-mt-entra b,.bx-mt-sale b{font-size:16px}.bx-mt-entra small,.bx-mt-sale small{font-size:14px;color:#4F4850;line-height:1.35}
.bx-mt-nucleo{position:relative;justify-self:center;display:grid;justify-items:center;text-align:center;gap:4px;padding:18px 22px;border-radius:18px;background:#1C141D;color:#fff;max-width:340px}
.bx-mt-nucleo svg{width:44px;animation:bx-latido 2.4s ease-in-out infinite}
.bx-mt-nucleo b{font-family:Sora,sans-serif;font-size:18px}.bx-mt-nucleo small{font-size:14px;color:#E8E2EA}
@keyframes bx-latido{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.bx-mt-nucleo::before,.bx-mt-nucleo::after{content:"";position:absolute;left:50%;width:2px;height:14px;background:repeating-linear-gradient(#C426D9 0 4px,transparent 4px 7px);animation:bx-fluye 1s linear infinite}
.bx-mt-nucleo::before{top:-14px}.bx-mt-nucleo::after{bottom:-14px}
@keyframes bx-fluye{to{background-position:0 7px}}
.bx-mt-sale span{grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.bx-mt-sale .bx-cara{grid-row:span 2}
.bx-quieto .bx-mt-nucleo svg,.bx-quieto .bx-mt-nucleo::before,.bx-quieto .bx-mt-nucleo::after{animation:none}
@media (max-width:700px){.bx-mt-entra{grid-template-columns:1fr}}

/* rutas: docentes y centros */
.bx-rutas{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
.bx-ruta{display:grid;gap:10px;align-content:start;background:#fff;border:1.5px solid #E6DEEA;border-radius:24px;padding:30px;color:inherit;text-decoration:none;box-shadow:-6px 6px 0 var(--c);transition:transform .25s,box-shadow .25s}
.bx-ruta:hover{transform:translate(3px,-3px);box-shadow:-9px 9px 0 var(--c)}
.bx-ruta small{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.bx-ruta[style*="C426D9"] small{color:#9C08AE}.bx-ruta[style*="0177E3"] small{color:#0160B8}
.bx-ruta h3{margin:0;font-size:clamp(24px,2.4vw,30px)}.bx-ruta p{margin:0;color:#4F4850;font-size:17px}
.bx-ruta ul{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:6px;font-weight:600}
.bx-ruta li::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:8px;font-size:12px;color:#fff;background:#00A57E}
.bx-ruta .button{justify-self:start}
@media (max-width:800px){.bx-rutas{grid-template-columns:1fr}}

/* las tres guías */
.bx-guias>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}
.bx-guias a{display:grid;gap:4px;background:#fff;border:1.5px solid #E6DEEA;border-radius:18px;padding:18px 20px;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.bx-guias a:hover{transform:translateY(-3px);box-shadow:-5px 5px 0 var(--bx-tono,#C426D9)}
.bx-guias a[aria-current]{background:var(--bx-tinte,#F8ECFA);border-color:var(--bx-tono,#C426D9)}
.bx-guias b{font-family:Sora,sans-serif;font-size:18px}.bx-guias small{font-size:15px;color:#4F4850}
.bx-guias span{font-weight:600;color:#0160B8;margin-top:4px}.bx-guias a[aria-current] span{color:#1C141D}
.dx-casos+.bx-sec,.dx-principios+.bx-sec{padding-top:40px}
@media (max-width:800px){.bx-guias>div{grid-template-columns:1fr}}

/* metodológicas: la pregunta recibe las medidas una a una */
.bx-medidas{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;align-items:start}
.bx-md-hoja{background:#fff;border-radius:20px;padding:20px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:12px;min-height:360px;align-content:start;position:relative}
.bx-md-hoja header,.bx-ad-capa header,.bx-subida header,.bx-guarda header{display:flex;justify-content:space-between;gap:8px;font-size:15px}
.bx-md-hoja header small,.bx-ad-capa header small,.bx-subida header small,.bx-guarda header small{color:var(--dx-tenue,#6B636D)}
.bx-md-orig{margin:0;font-size:16px;line-height:1.55}
.bx-md-pasos{display:none;margin:0;padding-left:22px;gap:4px;font-size:16px;line-height:1.5}
.bx-md-pasos b{font-weight:400;transition:background .4s,font-weight .4s;border-radius:4px;padding:0 2px}
.bx-md-cadena,.bx-md-lineas,.bx-md-tiempo{display:none}
.bx-md-cadena{gap:6px;align-items:center;flex-wrap:wrap;font-size:15px;font-weight:600}
.bx-md-cadena span{border-radius:8px;padding:4px 9px;background:#E6F8F3;color:#00624A}
.bx-md-cadena i{font-style:normal;color:#6B636D}
.bx-md-lineas{gap:16px;padding-top:6px}.bx-md-lineas i{display:block;height:2px;background:#E6DEEA;border-radius:2px}
.bx-md-tiempo{justify-self:start;border-radius:99px;background:#EAF3FD;color:#0160B8;font-weight:700;padding:4px 12px;font-size:15px}
.bx-medidas.m1 .bx-md-orig{display:none}.bx-medidas.m1 .bx-md-pasos{display:grid;animation:bx-aparece .5s ease}
.bx-medidas.m2 .bx-md-pasos b{background:#FFF1D6;font-weight:700}
.bx-medidas.m3 .bx-md-cadena{display:flex;animation:bx-aparece .5s ease}
.bx-medidas.m4 .bx-md-lineas{display:grid;animation:bx-aparece .5s ease}
.bx-medidas.m5 .bx-md-tiempo{display:inline-block;animation:bx-pop-ok .5s cubic-bezier(.34,1.56,.64,1)}
.bx-md-lado{display:grid;gap:12px}
.bx-md-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bx-md-lista li{background:#fff;border:1.5px solid #E6DEEA;border-radius:12px;padding:9px 12px 9px 38px;font-weight:600;font-size:15px;position:relative;transition:border-color .3s,background .3s}
.bx-md-lista li::before{content:"";position:absolute;left:12px;top:50%;translate:0 -50%;width:16px;height:16px;border-radius:5px;border:2px solid #CFC6D2;transition:background .3s,border-color .3s}
.bx-medidas.m1 .bx-md-1,.bx-medidas.m2 .bx-md-2,.bx-medidas.m3 .bx-md-3,.bx-medidas.m4 .bx-md-4,.bx-medidas.m5 .bx-md-5{border-color:#0177E3;background:#EAF3FD}
.bx-medidas.m1 .bx-md-1::before,.bx-medidas.m2 .bx-md-2::before,.bx-medidas.m3 .bx-md-3::before,.bx-medidas.m4 .bx-md-4::before,.bx-medidas.m5 .bx-md-5::before{background:#0177E3;border-color:#0177E3}
.bx-md-fijo{display:grid;gap:6px}
.bx-md-fijo span{border-radius:12px;background:#E6F8F3;color:#00624A;font-weight:700;padding:8px 12px;font-size:15px}
@media (max-width:700px){.bx-medidas{grid-template-columns:1fr}.bx-md-hoja{min-height:330px}}

/* qué cambia y qué no */
.bx-cambia{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:30px}
.bx-cb{border-radius:20px;padding:26px;border:1.5px solid #E6DEEA;background:#fff}
.bx-cb h3{margin:0 0 14px;font-size:24px}
.bx-cb ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:17px}
.bx-cb li::before{position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;font-weight:700}
.bx-cb.si li::before{content:"↻";background:#0177E3}.bx-cb.no{background:#F3FBF8;border-color:#9EE6D3}.bx-cb.no li::before{content:"=";background:#00A57E}
.bx-cb.no p{margin:16px 0 0;color:#4F4850}
@media (max-width:800px){.bx-cambia{grid-template-columns:1fr}}

/* ejemplos por perfil (pestañas) */
.bx-tabs{margin-top:30px}
.bx-tabs-lista{display:flex;flex-wrap:wrap;gap:8px}
.bx-tabs-panel{margin-top:16px;border:1.5px solid #E6DEEA;border-radius:20px;padding:26px;background:#fff;box-shadow:-5px 5px 0 var(--c);animation:bx-aparece .4s ease}
.bx-tabs-panel h3{margin:0 0 16px;font-size:22px}
.bx-ej-dos{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bx-ej-dos small{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#4F4850}
.bx-ej-dos ul{margin:8px 0 0;padding-left:20px;display:grid;gap:8px;font-size:17px;line-height:1.45}
@media (max-width:700px){.bx-ej-dos{grid-template-columns:1fr}}

/* antes y después con deslizador */
.bx-ad{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);background:#fff;min-height:340px;touch-action:pan-y}
.bx-ad-capa{position:absolute;inset:0;padding:24px;display:grid;gap:12px;align-content:start;font-size:17px;line-height:1.55}
.bx-ad-capa p,.bx-ad-capa ol{margin:0}.bx-ad-capa ol{padding-left:22px;display:grid;gap:6px}
.bx-ad-capa b{background:#FFF1D6;border-radius:4px;padding:0 3px}
.bx-ad-capa.antes{background:#FBFAFB;clip-path:inset(0 calc(100% - var(--x)) 0 0);z-index:2}
.bx-ad-capa.despues{background:#EAF3FD}
.bx-ad-pista{display:inline-block;font-size:15px;border-radius:8px;background:#fff;padding:1px 8px;color:#0160B8;font-weight:600}
.bx-ad-linea{position:absolute;top:0;bottom:0;left:var(--x);width:3px;background:#0177E3;z-index:3;translate:-50% 0;pointer-events:none}
.bx-ad-linea i{position:absolute;top:50%;left:50%;translate:-50% -50%;width:40px;height:40px;border-radius:50%;background:#0177E3;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700}
.bx-ad-rango{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
@media (max-width:700px){.bx-ad{min-height:400px}}

/* mitos que se giran */
.bx-mitos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:30px}
.bx-mito{position:relative;min-height:270px;border:0;padding:0;background:none;cursor:pointer;perspective:900px;font:inherit;color:inherit;text-align:left}
.bx-mito-cara,.bx-mito-dorso{position:absolute;inset:0;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px;backface-visibility:hidden;transition:transform .6s cubic-bezier(.65,0,.35,1)}
.bx-mito-cara{background:#fff;border:1.5px solid #E6DEEA;box-shadow:-5px 5px 0 #FFA82A}
.bx-mito-cara b{font-family:Sora,sans-serif;font-size:19px;line-height:1.3;flex:1}
.bx-mito-cara em{font-style:normal;font-size:14px;color:#0160B8;font-weight:600}
.bx-mito small{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#4F4850}
.bx-mito-dorso{background:#1C141D;color:#fff;transform:rotateY(180deg);font-size:16px;line-height:1.45}
.bx-mito-dorso small{color:#FFC56E}
.bx-mito[aria-pressed="true"] .bx-mito-cara{transform:rotateY(-180deg)}
.bx-mito[aria-pressed="true"] .bx-mito-dorso{transform:rotateY(0)}
@media (max-width:1100px){.bx-mitos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.bx-mitos{grid-template-columns:1fr}.bx-mito{min-height:210px}}

/* evidencia */
.bx-evid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.bx-evid article{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:22px;display:grid;gap:6px;align-content:start}
.bx-evid small{font-weight:700;color:#0160B8;font-size:15px}.bx-evid h3{margin:0;font-size:21px}.bx-evid p{margin:0;color:#4F4850}
@media (max-width:800px){.bx-evid{grid-template-columns:1fr}}

/* curriculares: la escalera de Hugo */
.bx-subida{background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45)}
.bx-sb-esc{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;margin-top:16px;padding-top:56px}
.bx-sb-paso{border-radius:14px;border:2px solid #E6DEEA;padding:12px;display:grid;gap:6px;align-content:start;background:#FBFAFB;transition:border-color .4s,background .4s,opacity .4s;opacity:.5}
.bx-sb-paso[data-k="0"]{min-height:150px}.bx-sb-paso[data-k="1"]{min-height:200px}.bx-sb-paso[data-k="2"]{min-height:250px}
.bx-sb-paso small{font-size:14px;font-weight:700;color:#4F4850}.bx-sb-paso>b{font-size:16px;line-height:1.35}
.bx-sb-basta{margin:0;font-size:15px;line-height:1.4;color:#B0005A;font-weight:600;opacity:0;transition:opacity .4s}
.bx-sb-checks{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:15px;font-weight:600}
.bx-sb-checks li{opacity:0;transform:translateX(-6px);transition:opacity .35s,transform .35s;color:#00624A}
.bx-sb-checks li::before{content:"✓ "}
.bx-subida[data-e="0"] .bx-sb-paso[data-k="0"],.bx-subida[data-e="1"] .bx-sb-paso[data-k="0"],.bx-subida[data-e="2"] .bx-sb-paso[data-k="1"],.bx-subida[data-e="3"] .bx-sb-paso[data-k="1"],.bx-subida[data-e="4"] .bx-sb-paso[data-k="2"],.bx-subida[data-e="5"] .bx-sb-paso[data-k="2"],.bx-subida[data-e="6"] .bx-sb-paso[data-k="2"],.bx-subida[data-e="7"] .bx-sb-paso[data-k="2"]{opacity:1;border-color:#00A57E;background:#F3FBF8}
.bx-subida[data-e="1"] .bx-sb-paso[data-k="0"] .bx-sb-basta,.bx-subida[data-e="3"] .bx-sb-paso[data-k="1"] .bx-sb-basta{opacity:1}
.bx-subida[data-e="5"] .bx-sb-checks li:nth-child(1),.bx-subida[data-e="6"] .bx-sb-checks li:nth-child(-n+2),.bx-subida[data-e="7"] .bx-sb-checks li{opacity:1;transform:none}
.bx-sb-hugo{position:absolute;top:var(--hy,150px);left:var(--hx,0%);transition:left .8s cubic-bezier(.65,0,.35,1),top .8s cubic-bezier(.65,0,.35,1);margin-left:12px}
.bx-subida[data-e="0"] .bx-sb-hugo,.bx-subida[data-e="1"] .bx-sb-hugo{--hx:0%;--hy:110px}
.bx-subida[data-e="2"] .bx-sb-hugo,.bx-subida[data-e="3"] .bx-sb-hugo{--hx:33.6%;--hy:60px}
.bx-subida[data-e="4"] .bx-sb-hugo,.bx-subida[data-e="5"] .bx-sb-hugo,.bx-subida[data-e="6"] .bx-sb-hugo,.bx-subida[data-e="7"] .bx-sb-hugo{--hx:67.2%;--hy:10px}
.bx-quieto .bx-sb-paso,.bx-quieto .bx-sb-basta,.bx-quieto .bx-sb-checks li{opacity:1;transform:none}
@media (max-width:700px){.bx-sb-esc{grid-template-columns:1fr;padding-top:0}.bx-sb-paso{min-height:0!important}.bx-sb-hugo{display:none}.bx-sb-paso{opacity:.6}}

/* curriculares: Nubo no baja el nivel sin respaldo */
.bx-guarda{background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:12px;min-height:400px;align-content:start}
.bx-gd-pide{justify-self:end;max-width:85%;border-radius:16px 16px 4px 16px;background:#EAF3FD;padding:10px 14px;font-weight:600}
.bx-gd-piensa{display:flex;gap:10px;align-items:center;color:#4F4850;font-size:15px}
.bx-gd-no{border-left:4px solid #D6006E;background:#FFF4F8;border-radius:0 12px 12px 0;padding:12px 14px;line-height:1.5}
.bx-gd-no b{color:#B0005A}
.bx-gd-si{border:2px solid #00A57E;background:#F3FBF8;border-radius:14px;padding:12px 14px;display:grid;gap:6px}
.bx-gd-si small{font-size:14px;font-weight:700;color:#00624A}
.bx-gd-fila{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bx-gd-fila em{font-style:normal;font-size:15px;color:#4F4850}
.bx-guarda>[class*="bx-gd-"]{opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.bx-guarda[data-g="1"] .bx-gd-1,.bx-guarda[data-g="2"] :is(.bx-gd-1,.bx-gd-2),.bx-guarda[data-g="3"] :is(.bx-gd-1,.bx-gd-3),.bx-guarda[data-g="4"] :is(.bx-gd-1,.bx-gd-3,.bx-gd-4){opacity:1;transform:none}
.bx-guarda[data-g="3"] .bx-gd-2,.bx-guarda[data-g="4"] .bx-gd-2{display:none}
.bx-quieto .bx-guarda>[class*="bx-gd-"]{opacity:1;transform:none}.bx-quieto .bx-gd-2{display:none}

/* curriculares: paso a paso */
.bx-proceso{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px;counter-reset:none}
.bx-proceso li{display:grid;grid-template-columns:auto 1fr;gap:18px;background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:20px 22px}
.bx-pr-n{width:44px;height:44px;border-radius:14px;background:#00A57E;color:#fff;display:grid;place-items:center;font-family:Sora,sans-serif;font-weight:700;font-size:20px}
.bx-proceso h3{margin:0 0 4px;font-size:21px}.bx-proceso p{margin:0;color:#4F4850}
.bx-proceso .bx-pr-nubo{margin-top:8px;color:#1C141D;background:#F3FBF8;border-radius:10px;padding:8px 12px;display:inline-block}
@media (max-width:700px){
  .bx-tabla-caja{overflow:visible;border:0;background:none}
  .bx-tabla{min-width:0}.bx-tabla thead{display:none}
  .bx-tabla tr{display:block;background:#fff;border:1.5px solid #E6DEEA;border-radius:16px;margin-bottom:12px;overflow:hidden}
  .bx-tabla tbody th{display:block;width:auto;background:#F8F5F9;border-bottom:1px solid #EFE9F1}
  .bx-tabla td{display:grid;grid-template-columns:38% 1fr;gap:10px;padding:10px 16px}
  .bx-tabla td::before{content:attr(data-l);font-weight:700;font-size:14px;color:#4F4850}
  .bx-tabla tr:last-child td{border-bottom:1px solid #EFE9F1}.bx-tabla tr td:last-child{border-bottom:0}
}

/* /adaptaciones v2 · 1. misma etiqueta, dos perfiles */
.bx-escena:has(.bx-perfiles){grid-template-columns:1fr;gap:26px}
.bx-escena:has(.bx-perfiles) .bx-escena-texto{max-width:760px;margin:0 auto;text-align:center}
.bx-perfiles{background:#fff;border-radius:24px;padding:26px 28px 18px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45)}
.bx-pf-frase{position:relative;height:34px;margin:0 0 18px;text-align:center;font-family:Sora,sans-serif;font-weight:700;font-size:clamp(18px,2vw,24px)}
.bx-pf-frase span{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s}
.bx-perfiles[data-f="0"] .bx-pf-frase [data-k="0"],.bx-perfiles[data-f="1"] .bx-pf-frase [data-k="1"],.bx-perfiles[data-f="2"] .bx-pf-frase [data-k="2"],.bx-perfiles[data-f="3"] .bx-pf-frase [data-k="3"],.bx-perfiles[data-f="4"] .bx-pf-frase [data-k="4"]{opacity:1;transform:none}
.bx-pf-cuerpo{display:grid;grid-template-columns:180px 1fr 180px;gap:22px;align-items:start}
.bx-pf-quien{display:grid;justify-items:center;gap:8px;text-align:center}
.bx-pf-et{border-radius:99px;background:#1C141D;color:#fff;font-weight:700;font-size:15px;padding:4px 14px}
.bx-pf-foto{width:132px;height:150px;border-radius:18px;object-fit:cover;object-position:center 20%;background:#F1ECF3}
.bx-pf-quien b{font-family:Sora,sans-serif;font-size:21px}
.bx-pf-adapta{margin:4px 0 0;border-radius:14px;background:#F8ECFA;border:2px solid #C426D9;padding:10px 12px;font-weight:600;font-size:15px;line-height:1.35;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.bx-pf-adapta small{display:block;font-size:13px;font-weight:700;color:#9C08AE;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.bx-pf-filas{display:grid;gap:9px;padding-top:34px}
.bx-pf-fila{display:grid;grid-template-columns:1fr 196px 1fr;align-items:center;gap:10px}
.bx-pf-pista{position:relative;height:28px}
.bx-pf-pista i{position:absolute;top:0;bottom:0;width:0;border-radius:99px;background:#DCD5DF;transition:width .7s cubic-bezier(.34,1.3,.64,1) calc(var(--k) * .12s),background .4s calc(var(--k) * .12s)}
.bx-pf-pista.izq i{left:0}.bx-pf-pista.der i{right:0}
.bx-perfiles[data-f="1"] .bx-pf-pista i{width:28px}
.bx-perfiles:is([data-f="2"],[data-f="3"],[data-f="4"]) .bx-pf-pista i{background:var(--c)}
.bx-perfiles:is([data-f="2"],[data-f="3"],[data-f="4"]) .bx-pf-izq i,.bx-perfiles:is([data-f="2"],[data-f="3"],[data-f="4"]) .bx-pf-pista.izq i{width:var(--l)}
.bx-perfiles:is([data-f="2"],[data-f="3"],[data-f="4"]) .bx-pf-pista.der i{width:var(--r)}
.bx-pf-eje{display:grid;justify-items:center;gap:3px;text-align:center;font-size:14px;font-weight:600;color:#2A2230;line-height:1.2;opacity:.25;transition:opacity .4s calc(var(--k) * .12s)}
.bx-perfiles:not([data-f="0"]) .bx-pf-eje{opacity:1}
.bx-pf-m{font-style:normal;font-size:13px;font-weight:700;border-radius:99px;padding:1px 9px;opacity:0;transform:scale(.6);transition:opacity .35s calc(var(--k) * .25s),transform .35s cubic-bezier(.34,1.56,.64,1) calc(var(--k) * .25s)}
.bx-pf-m.igual{background:#E6F8F3;color:#00624A}.bx-pf-m.dist{background:#FFE6F1;color:#B0005A}
.bx-perfiles:is([data-f="3"],[data-f="4"]) .bx-pf-m{opacity:1;transform:none}
.bx-perfiles[data-f="4"] .bx-pf-fila:has(.igual) .bx-pf-pista i{opacity:.35}
.bx-pf-comun{justify-self:center;margin:8px 0 0;border-radius:14px;background:#E6F8F3;color:#00624A;font-weight:600;font-size:15px;padding:8px 14px;text-align:center;opacity:0;transition:opacity .5s .3s}
.bx-pf-comun small{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.bx-perfiles[data-f="4"] :is(.bx-pf-adapta,.bx-pf-comun){opacity:1;transform:none}
.bx-pf-ley{margin:16px 0 0;text-align:center;font-size:14px;color:var(--dx-tenue,#6B636D)}
.bx-quieto .bx-pf-adapta,.bx-quieto .bx-pf-comun{opacity:1;transform:none}
@media (max-width:860px){
  .bx-perfiles{padding:20px 14px 14px}
  .bx-pf-cuerpo{grid-template-columns:1fr 1fr;gap:14px}
  .bx-pf-filas{grid-column:1/-1;order:2;padding-top:0}
  .bx-pf-quien.der{order:1}
  .bx-pf-foto{width:96px;height:108px}
  .bx-pf-fila{grid-template-columns:1fr 112px 1fr;gap:6px}
  .bx-pf-eje{font-size:13px}.bx-pf-pista{height:22px}
  .bx-pf-frase{height:52px;font-size:18px}
  .bx-pf-adapta{font-size:14px}
}

/* /adaptaciones v2 · 2. el aula: grupos por perfil en cada materia */
.bx-aula{background:#fff;border-radius:24px;padding:20px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45)}
.bx-aula-tabs{display:flex;gap:8px}
.bx-aula-tabs button{font:600 16px Lexend,sans-serif;color:#1C141D;background:#fff;border:2px solid #E6DEEA;border-radius:12px;padding:8px 14px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.bx-aula-tabs button[aria-selected="true"]{border-color:#C426D9;background:#F8ECFA;box-shadow:-3px 3px 0 #C426D9}
.bx-aula-plano{position:relative;aspect-ratio:1.2;margin:16px 0 12px;border-left:2px solid #CFC6D2;border-bottom:2px solid #CFC6D2;background-image:linear-gradient(#F1ECF3 1px,transparent 1px),linear-gradient(90deg,#F1ECF3 1px,transparent 1px);background-size:25% 25%}
.bx-aula-silueta{position:absolute;inset:0;background:rgba(196,38,217,.12);clip-path:polygon(6% 94%,94% 94%,50% 10%,50% 10%);transition:clip-path 1s cubic-bezier(.65,0,.35,1)}
.bx-aula[data-m="1"] .bx-aula-silueta{clip-path:polygon(6% 94%,94% 94%,94% 8%,6% 8%)}
.bx-aula-ey,.bx-aula-ex{position:absolute;font-size:14px;font-weight:600;color:#4F4850}
.bx-aula-ey{left:8px;top:6px}.bx-aula-ex{right:6px;bottom:6px}
.bx-aula[data-m="0"] :is(.bx-aula-ey,.bx-aula-ex) span:last-child,.bx-aula[data-m="1"] :is(.bx-aula-ey,.bx-aula-ex) span:first-child{display:none}
.bx-aula-al{position:absolute;left:var(--x0);top:var(--y0);translate:-50% -50%;display:grid;justify-items:center;transition:left 1s cubic-bezier(.65,0,.35,1),top 1s cubic-bezier(.65,0,.35,1);z-index:1}
.bx-aula-al img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:3px solid var(--g0);background:#fff;transition:border-color .6s .4s}
.bx-aula-al b{position:absolute;top:100%;margin-top:2px;font-size:13px;background:#1C141D;color:#fff;border-radius:99px;padding:0 8px;white-space:nowrap}
.bx-aula[data-m="1"] .bx-aula-al{left:var(--x1);top:var(--y1)}
.bx-aula[data-m="1"] .bx-aula-al img{border-color:var(--g1)}
.bx-aula-pie p{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0}
.bx-aula-pie span{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600}
.bx-aula-pie span::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--c)}
.bx-aula-pie b{flex-basis:100%;font-family:Sora,sans-serif;font-size:17px;color:#9C08AE}
.bx-aula[data-m="0"] .bx-aula-pie [data-m="1"],.bx-aula[data-m="1"] .bx-aula-pie [data-m="0"]{display:none}
.bx-perfiles{max-width:1000px;margin-inline:auto;width:100%}
body main.dx .bx-aula-al img{border-radius:50%}
.bx-aula-plano{margin-bottom:34px}
.bx-aula-ex{bottom:-26px;right:0}
@media (max-width:700px){body main.dx .bx-aula-al img{width:34px;height:34px}.bx-aula-al b{font-size:12px}}
.bx-cmp-version p+p{margin-top:8px}
.bx-cmp-chip{display:inline-block;margin-top:10px!important;border-radius:99px;background:#fff;border:1.5px solid #C426D9;color:#9C08AE;font-weight:700;font-size:15px;padding:2px 12px}

/* /adaptaciones v4 · 1. la huella: interruptor «por etiqueta / por estudiante» */
.bx-escena:has(.bx-huella){grid-template-columns:1fr;gap:26px}
.bx-escena:has(.bx-huella) .bx-escena-texto{max-width:760px;margin:0 auto;text-align:center}
.bx-huella{max-width:1000px;width:100%;margin-inline:auto;background:#fff;border-radius:28px;padding:24px 28px 16px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45)}
.bx-hu-cab{display:grid;justify-items:center;gap:12px;margin-bottom:6px}
.bx-hu-cab h3{margin:0;font-size:clamp(20px,2.2vw,26px);text-align:center}
.bx-hu-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#F1ECF3;border-radius:99px;padding:4px}
.bx-hu-switch button{position:relative;z-index:1;font:600 16px Lexend,sans-serif;color:#4F4850;background:none;border:0;border-radius:99px;padding:9px 20px;cursor:pointer;transition:color .3s}
.bx-hu-switch button[aria-pressed="true"]{color:#fff}
.bx-hu-switch i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:99px;background:#1C141D;transition:transform .45s cubic-bezier(.65,0,.35,1),background .45s}
.bx-huella[data-on="1"] .bx-hu-switch i{transform:translateX(100%);background:#C426D9}
.bx-hu-cuerpo{display:grid;grid-template-columns:1fr 120px 1fr;align-items:start}
.bx-hu-al{display:grid;justify-items:center;gap:4px}
.bx-hu-quien{display:flex;align-items:center;gap:10px;height:72px}
body main.dx .bx-hu-quien img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--c);animation:bx-flota 6s ease-in-out infinite}
.bx-hu-al.pablo .bx-hu-quien img{animation-delay:-3s}
@keyframes bx-flota{0%,100%{translate:0 0}50%{translate:0 -4px}}
.bx-hu-quien b{font-family:Sora,sans-serif;font-size:22px}
.bx-hu-radar{width:100%;max-width:420px;height:auto;overflow:visible}
.bx-hu-malla{fill:none;stroke:#EFE9F1;stroke-width:1.5}.bx-hu-eje{stroke:#EFE9F1;stroke-width:1.5}
.bx-hu-etq{font:600 20px Lexend,sans-serif;fill:#6B636D;transition:fill .4s}
.bx-hu-tipo{fill:rgba(140,132,142,.1);stroke:#8C848E;stroke-width:3;stroke-dasharray:9 7;stroke-linejoin:round;transition:opacity .6s}
.bx-hu-real{fill:color-mix(in srgb,var(--c) 22%,transparent);stroke:var(--c);stroke-width:4;stroke-linejoin:round;transition:fill .6s,stroke .6s}
.bx-hu-punto{fill:#fff;stroke:var(--c);stroke-width:4;transition:stroke .6s}
.bx-huella[data-on="0"] .bx-hu-real{fill:rgba(140,132,142,.14);stroke:#8C848E}
.bx-huella[data-on="0"] .bx-hu-punto{stroke:#8C848E}
.bx-huella[data-on="1"] .bx-hu-tipo{opacity:.5}
.bx-huella[data-on="1"] .bx-hu-punto.dif{fill:var(--c);animation:bx-latido-p 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes bx-latido-p{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}
.bx-huella[data-on="1"] .bx-hu-etq.dif{fill:#1C141D;font-weight:700}
.bx-hu-nota{display:grid;margin:0;min-height:48px;text-align:center;font-weight:600;font-size:16px;line-height:1.35;max-width:300px}
.bx-hu-nota span{grid-area:1/1;transition:opacity .4s,transform .4s}
.bx-huella[data-on="0"] .bx-hu-nota .on,.bx-huella[data-on="1"] .bx-hu-nota .off{opacity:0;transform:translateY(6px)}
.bx-hu-nota .off{color:#6B636D}
.bx-hu-centro{position:relative;display:grid;justify-items:center;padding-top:22px}
.bx-hu-tag{position:relative;z-index:1;border-radius:10px;background:#1C141D;color:#fff;font:700 17px Sora,sans-serif;padding:8px 16px;box-shadow:0 10px 20px -10px rgba(28,20,29,.6);transition:transform .8s cubic-bezier(.5,0,.75,0),opacity .5s .3s;transform-origin:50% -20px;animation:bx-cuelga 3s ease-in-out infinite}
@keyframes bx-cuelga{0%,100%{rotate:-3deg}50%{rotate:3deg}}
.bx-hu-centro::before,.bx-hu-centro::after{content:"";position:absolute;top:44px;width:calc(50% + 40px);border-top:2px dashed #8C848E;transition:opacity .4s}
.bx-hu-centro::before{right:50%}.bx-hu-centro::after{left:50%}
.bx-huella[data-on="1"] .bx-hu-tag{transform:translateY(200px) rotate(-28deg);opacity:0;animation:none}
.bx-huella[data-on="1"] .bx-hu-centro::before,.bx-huella[data-on="1"] .bx-hu-centro::after{opacity:0}
.bx-hu-ley{margin:12px 0 0;text-align:center;font-size:14px;color:var(--dx-tenue,#6B636D)}
.bx-quieto .bx-hu-tag,.bx-quieto .bx-hu-quien img{animation:none}
@media (max-width:760px){
  .bx-huella{padding:20px 16px 14px}
  .bx-hu-cuerpo{grid-template-columns:1fr;gap:6px}
  .bx-hu-centro{order:-1;padding-top:0;height:44px}
  .bx-hu-centro::before,.bx-hu-centro::after{display:none}
  .bx-hu-al+.bx-hu-centro+.bx-hu-al{border-top:1px solid #EFE9F1;padding-top:14px;margin-top:8px}
  .bx-huella[data-on="1"] .bx-hu-tag{transform:translateY(40px) rotate(-20deg)}
  .bx-hu-radar{max-width:340px}
  .bx-hu-switch button{padding:8px 14px;font-size:15px}
}

/* /adaptaciones v4 · 2. del perfil al material: eliges, Nubo adapta, antes/después */
.bx-prueba{display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.5fr);gap:20px;align-items:center;margin-top:34px;text-align:left}
.bx-pr-izq,.bx-pr-dcha{background:#fff;border:1.5px solid #E6DEEA;border-radius:24px;padding:22px;box-shadow:0 30px 60px -36px rgba(28,20,29,.35);align-self:stretch}
.bx-pr-etq{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B636D}
.bx-pr-sel{display:none;width:100%;justify-content:space-between;align-items:center;font:600 17px Lexend,sans-serif;color:#1C141D;background:#fff;border:2px solid #C426D9;border-radius:14px;padding:10px 14px;cursor:pointer;box-shadow:-3px 3px 0 #C426D9}
.bx-pr-sel i{font-style:normal;transition:transform .3s}
.bx-pr-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bx-pr-lista button{width:100%;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;text-align:left;font:400 16px Lexend,sans-serif;color:#1C141D;background:#FBFAFB;border:1.5px solid #E6DEEA;border-radius:12px;padding:10px 14px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.bx-pr-lista button:hover{border-color:#C426D9;background:#F8ECFA;transform:translateX(3px)}
.bx-pr-lista button[aria-current="true"]{border-color:#C426D9;background:#F8ECFA}
.bx-pr-lista small{color:#6B636D;font-size:14px;margin-left:auto}
.bx-prueba.elegido .bx-pr-sel{display:flex}
.bx-prueba.elegido:not(.abierto) .bx-pr-lista{display:none}
.bx-prueba.abierto .bx-pr-lista{margin-top:8px}
.bx-prueba.abierto .bx-pr-sel i{transform:rotate(180deg)}
.bx-pr-info{margin-top:16px;display:grid;gap:10px;animation:bx-aparece .4s ease}
.bx-pr-info h3{margin:0;font-size:20px}.bx-pr-info p{margin:0;color:#4F4850}
.bx-prueba.abierto .bx-pr-info{display:none}
.bx-pr-aviso{border-radius:14px;background:#FFF6E6;border:1.5px solid #FFD591;padding:12px 14px;color:#5C3B00;line-height:1.45}
.bx-pr-aviso b{color:#8A5300}
.bx-pr-flecha{width:52px;height:52px;border-radius:50%;background:#00A57E;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700;box-shadow:0 10px 20px -8px rgba(0,165,126,.6)}
.bx-prueba.trabaja .bx-pr-flecha{animation:bx-latido 1s ease-in-out infinite}
.bx-pr-dcha{position:relative;min-height:420px;display:grid;align-content:start}
.bx-pr-vacio{align-self:center;display:grid;justify-items:center;text-align:center;gap:8px;padding:60px 20px;min-height:360px;align-content:center}
.bx-pr-vacio svg{width:44px;animation:bx-latido 2.4s ease-in-out infinite}
.bx-pr-vacio b{font-family:Sora,sans-serif;font-size:19px}.bx-pr-vacio small{color:#6B636D;font-size:15px;max-width:320px}
.bx-pr-carga{display:grid;gap:14px;padding:30px 10px}
.bx-pr-carga-t{display:flex;align-items:center;gap:10px;color:#4F4850;font-weight:600}
.bx-pr-carga>i{display:block;height:14px;border-radius:14px;background:linear-gradient(90deg,#F1ECF3 25%,#E3DDE6 50%,#F1ECF3 75%);background-size:200% 100%;animation:bx-brillo 1.2s linear infinite}
.bx-pr-carga>i:nth-of-type(2){width:80%}.bx-pr-carga>i:nth-of-type(3){width:60%}
@keyframes bx-brillo{to{background-position:-200% 0}}
.bx-pr-res{display:grid;gap:14px;animation:bx-aparece .5s ease}
.bx-pr-res .bx-ad{display:grid;min-height:0;box-shadow:none;border:1.5px solid #E6DEEA;border-radius:18px}
.bx-pr-res .bx-ad-capa{position:relative;inset:auto;grid-area:1/1;padding:18px 20px;font-size:17px}
.bx-pr-res .bx-ad-capa header{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:15px}
.bx-pr-res .bx-ad-capa.despues{background:color-mix(in srgb,var(--c) 9%,#fff)}
.bx-pr-orig{font-weight:600;color:#6B636D}
.bx-pr-quien{display:flex;align-items:center;gap:8px;text-align:right}
body main.dx .bx-pr-quien img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:3px solid var(--c)}
.bx-pr-quien span{display:grid;line-height:1.2}.bx-pr-quien b{font-size:15px}.bx-pr-quien small{font-size:13px;color:#4F4850;max-width:180px}
.bx-pr-quien{flex-direction:row-reverse}
/* /adaptaciones: ejemplos reales, con la hoja de verdad a cada lado del deslizador (issue #68) */
.bx-pr-lista .bx-pr-salto{flex-basis:100%;height:0}
.bx-pr-tipo{display:inline-block;font-style:normal;font-size:14px;font-weight:700;line-height:1.4;color:var(--t);background:color-mix(in srgb,var(--t) 10%,#fff);border-radius:99px;padding:2px 10px}
.bx-pr-info .bx-pr-tipo{justify-self:start}
.bx-reales .bx-pr-quien small{display:none}
/* el título del material ya está a la izquierda: dentro del deslizador sobra y, si ocupa más líneas en una capa que en la otra, descuadra las dos hojas */
.bx-reales .bx-ad-capa header>b{display:none}
.bx-reales .bx-pr-quien{margin-left:auto}
.bx-pr-hoja{display:block;width:100%;height:auto;border-radius:10px;background:#fff;box-shadow:0 0 0 1.5px #E6DEEA,0 14px 28px -20px rgba(28,20,29,.45)}
.bx-pr-ampliar{display:inline-block;margin-top:10px;font-size:16px;font-weight:600;color:#0055A6;text-decoration:underline;text-underline-offset:3px}
.bx-pr-ampliar:focus-visible{outline:3px solid #0177E3;outline-offset:3px;border-radius:4px}
.bx-pr-medidas{display:flex;flex-wrap:wrap;gap:8px}
.bx-pr-medidas span{border-radius:99px;background:#F8ECFA;color:#9C08AE;font-weight:700;font-size:14px;padding:4px 12px;opacity:0;transform:translateY(6px);animation:bx-aparece .4s ease forwards}
.bx-pr-medidas span:nth-child(2){animation-delay:.15s}.bx-pr-medidas span:nth-child(3){animation-delay:.3s}
.bx-pr-fijo{margin:8px 0 0;color:#00624A;font-weight:600}
.bx-pr-confeti{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:5}
.bx-pr-confeti i{position:absolute;left:50%;top:40%;width:10px;height:10px;border-radius:3px;background:var(--c);animation:bx-confeti 1.1s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes bx-confeti{0%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}}
@media (max-width:980px){.bx-prueba{grid-template-columns:1fr}.bx-pr-flecha{justify-self:center;transform:rotate(90deg)}.bx-pr-dcha{min-height:0}.bx-pr-vacio{min-height:220px;padding:30px 10px}}
@media (max-width:700px){.bx-pr-izq,.bx-pr-dcha{padding:16px}.bx-pr-res .bx-ad-capa{padding:14px;font-size:16px}.bx-pr-quien small{display:none}}
.bx-prueba [hidden]{display:none!important}
.bx-pr-res header b,.bx-pr-quien b{background:none;padding:0}

/* /adaptaciones v5 · 4. tabla viva: se recorre fila a fila y cuenta criterios */
.bx-tabla-viva tbody tr{transition:background .3s}
.bx-tabla-viva tbody tr.lee{background:#FFF8EC}
.bx-tabla-viva .bx-v{display:inline-block;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s}
.bx-tabla-viva:not(.bx-quieto-t) tbody tr:not(.visto) .bx-v{transform:scale(0);opacity:0}
.bx-tabla-viva tfoot th,.bx-tabla-viva tfoot td{padding:16px;border-top:2px solid #E6DEEA;vertical-align:middle;font-size:15px}
.bx-tabla-viva tfoot td small{display:block;color:#6B636D;font-size:14px}
.bx-tabla-viva tfoot b{font-family:Sora,sans-serif;font-size:26px}
.bx-tabla-viva tfoot td:last-child b{color:#9C08AE}
.bx-tabla-viva.fin td:last-child,.bx-tabla-viva.fin thead th:last-child{background:#F3DDF7;transition:background .6s}
.bx-tabla-viva.fin tfoot td:last-child{box-shadow:inset 0 0 0 2px #C426D9}
.bx-tabla-caja.cuatro{max-width:1100px;margin-inline:auto}
.bx-sec:has(.bx-tabla-viva) .bx-tabla-nota{text-align:center}
@media (max-width:700px){.bx-tabla-viva tfoot tr{display:block}.bx-tabla-viva tfoot td{display:grid;grid-template-columns:38% 1fr}.bx-tabla-viva tfoot td::before{content:attr(data-l);font-weight:700;font-size:14px;color:#4F4850}}

/* 5. escalera que sube */
.bx-escalera{position:relative}
.bx-esc-aqui{position:absolute;left:12px;bottom:calc(100% - 82px);z-index:2;border-radius:99px;background:#0177E3;color:#fff;font-weight:700;font-size:14px;padding:4px 12px;animation:bx-rebota 1.8s ease-in-out infinite}
.bx-esc-aqui::after{content:"";position:absolute;left:18px;top:100%;border:6px solid transparent;border-top-color:#0177E3}
@keyframes bx-rebota{0%,100%{translate:0 0}50%{translate:0 -5px}}
.bx-escalera.bx-anima .bx-esc,.bx-escalera.bx-anima .bx-esc-dua{opacity:0;translate:0 50px;transition:opacity .6s,translate .7s cubic-bezier(.34,1.3,.64,1)}
.bx-escalera.bx-anima.visto .bx-esc,.bx-escalera.bx-anima.visto .bx-esc-dua{opacity:1;translate:0 0}
.bx-escalera.visto .bx-esc[style*="--i:2"]{transition-delay:.25s}.bx-escalera.visto .bx-esc[style*="--i:3"]{transition-delay:.5s}.bx-escalera.visto .bx-esc-dua{transition-delay:.75s}
.bx-escalera .reveal{transform:none}
.bx-quieto .bx-escalera.bx-anima .bx-esc,.bx-quieto .bx-escalera.bx-anima .bx-esc-dua{opacity:1;translate:0 0}
.bx-esc-aqui{top:-34px;bottom:auto}
.bx-escalera .bx-esc[style*="--i:1"]{margin-top:92px}
@media (max-width:980px){.bx-escalera .bx-esc[style*="--i:1"]{margin-top:0}.bx-esc-aqui{top:-30px}}

/* 6. ¿procede? tarjetas que se giran y marcador */
.bx-pc{position:relative;padding:0;border:0;background:none;box-shadow:none;perspective:1000px;min-height:250px;display:grid}
.bx-pc-cara,.bx-pc-dorso{grid-area:1/1;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;backface-visibility:hidden;transition:transform .7s cubic-bezier(.65,0,.35,1)}
.bx-pc-cara{background:#fff;border:1.5px solid #E6DEEA;box-shadow:-5px 5px 0 #C426D9}
.bx-pc-dorso{transform:rotateY(180deg);color:#fff;background:#1C141D;box-shadow:-5px 5px 0 var(--pc,#C426D9)}
.bx-pc.hecho .bx-pc-cara{transform:rotateY(-180deg)}.bx-pc.hecho .bx-pc-dorso{transform:rotateY(0)}
.bx-pc-dorso small{color:#E8E2EA}
.bx-pc-veredicto{font-family:Sora,sans-serif;font-size:21px}
.bx-pc-dorso p{margin:0;font-size:16px;line-height:1.45;flex:1;color:#fff}
.bx-pc.bien{--pc:#01CD9D}.bx-pc.mal{--pc:#FF0183}
.bx-pc.bien .bx-pc-veredicto{color:#7FF0D2}.bx-pc.mal .bx-pc-veredicto{color:#FF9CC8}
.bx-pc-otra{align-self:flex-start;font:600 15px Lexend,sans-serif;color:#fff;background:none;border:1.5px solid #6B636D;border-radius:10px;padding:6px 12px;cursor:pointer}
.bx-pc-marcador{margin:26px auto 0;display:grid;justify-items:center;gap:8px;text-align:center}
.bx-pc-puntos{display:flex;gap:8px}
.bx-pc-puntos i{width:14px;height:14px;border-radius:50%;background:#E6DEEA;transition:background .3s,scale .3s}
.bx-pc-puntos i.bien{background:#00A57E;scale:1.15}.bx-pc-puntos i.mal{background:#D6006E;scale:1.15}
.bx-pc-msg,.bx-pc-fin{margin:0;font-size:17px}
.bx-pc-fin{display:none;font-weight:600}.bx-pc-fin b{font-family:Sora,sans-serif;font-size:20px;color:#9C08AE}
.bx-procede.fin+.bx-pc-marcador .bx-pc-msg,.bx-pc-marcador.fin .bx-pc-msg{display:none}
.bx-pc-marcador.fin .bx-pc-fin{display:block;animation:bx-aparece .5s ease}
.bx-esc-aqui{top:50px}@media (max-width:980px){.bx-esc-aqui{top:-30px}}
@media (max-width:700px){.bx-tabla-viva tfoot td{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}.bx-tabla-viva tfoot td::before{flex:0 0 38%}.bx-tabla-viva tfoot td small{flex-basis:100%;padding-left:calc(38% + 6px)}}




/* /adaptaciones v7 · 4. los tipos: dos cajas limpias */
.bx-tipos2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;text-align:left;max-width:1000px;margin-inline:auto}
.bx-t2{display:flex;flex-direction:column;gap:6px;background:#fff;border:1.5px solid #E6DEEA;border-radius:26px;padding:28px;color:inherit;text-decoration:none;box-shadow:-6px 6px 0 var(--c);transition:transform .3s cubic-bezier(.34,1.3,.64,1),box-shadow .3s}
.bx-t2:hover{transform:translate(3px,-4px);box-shadow:-10px 10px 0 var(--c)}
.bx-t2>small{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4F4850}
.bx-t2 h3{margin:0;font-size:clamp(30px,3vw,40px)}.bx-t2>p{margin:0 0 12px;color:#4F4850;font-size:18px}
.bx-t2-vis{position:relative;display:grid;background:color-mix(in srgb,var(--c) 7%,#fff);border-radius:18px;padding:18px;min-height:132px;overflow:hidden}
.bx-t2-capa{grid-area:1/1;font-size:16px;line-height:1.5;animation:bx-t2a 6s cubic-bezier(.65,0,.35,1) infinite}
.bx-t2-capa.b{animation-name:bx-t2b}
.bx-t2-capa p,.bx-t2-capa ol{margin:0}.bx-t2-capa ol{padding-left:20px}
.bx-t2-capa b{background:#FFF1D6;border-radius:4px;padding:0 3px}
.bx-t2-op{display:block;margin-top:8px;font:700 26px Sora,sans-serif;color:var(--c)}
@keyframes bx-t2a{0%,40%{opacity:1;transform:none;filter:none}50%,90%{opacity:0;transform:translateY(-10px);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
@keyframes bx-t2b{0%,40%{opacity:0;transform:translateY(10px);filter:blur(3px)}50%,90%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:translateY(10px);filter:blur(3px)}}
.bx-t2-ir{margin-top:14px;font-weight:700;color:#1C141D}.bx-t2-ir i{display:inline-block;font-style:normal;color:var(--c);transition:transform .3s}
.bx-t2:hover .bx-t2-ir i{transform:translateX(5px)}
.bx-quieto .bx-t2-capa.a{display:none}.bx-quieto .bx-t2-capa{animation:none;opacity:1}
@media (max-width:760px){.bx-tipos2{grid-template-columns:1fr}.bx-t2{padding:22px}}

/* 5. el criterio: scroll que «enciende» las filas de forma continua (escritorio) */
.bx-crit{padding-top:20px}
.bx-crit-tabla thead th:last-child{color:#9C08AE}
.bx-crit.scrub .bx-crit-pista{height:calc(100vh + var(--filas, 8) * 22vh)}
.bx-crit.scrub .bx-crit-fijo{position:sticky;top:76px;height:calc(100vh - 84px);display:flex;flex-direction:column;justify-content:center}
.bx-crit.scrub .dx-cabeza h2{font-size:clamp(28px,2.8vw,40px)}
.bx-crit.scrub .bx-tabla-caja{margin-top:18px;position:relative}
.bx-crit.scrub .bx-tabla th,.bx-crit.scrub .bx-tabla td{padding:10px 14px;font-size:15px}
.bx-crit.scrub .bx-tabla small{font-size:13px}
.bx-crit.scrub .bx-crit-tabla tbody tr{--p:0;opacity:calc(.14 + .86 * var(--p));transform:translateY(calc((1 - var(--p)) * 14px));filter:blur(calc((1 - var(--p)) * 3px))}
.bx-crit.scrub .bx-crit-tabla tbody .bx-v{transform:scale(calc(.6 + .4 * var(--p)))}
.bx-crit.scrub .bx-crit-tabla tbody tr td:last-child{background:color-mix(in srgb,#F3DDF7 calc(var(--p) * 100%),#fff)}
.bx-crit.scrub .bx-crit-tabla tbody tr.actual{background:#FFF8EC}
.bx-crit-barra{position:absolute;left:0;top:0;height:3px;width:calc(var(--prog, 0) * 100%);background:linear-gradient(90deg,#C426D9,#0177E3);border-radius:3px;z-index:2}
.bx-crit .bx-tabla-caja.cuatro th:last-child,.bx-crit .bx-tabla-caja.cuatro td:last-child{background:none}
.bx-crit:not(.scrub) .bx-crit-tabla td:last-child{background:#F8ECFA!important}
.bx-crit:not(.scrub) .bx-crit-barra{display:none}
.bx-crit-tabla tbody tr.aparece{animation:bx-fila .6s cubic-bezier(.34,1.3,.64,1) both}
@keyframes bx-fila{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* 6. pruébalo: como el FRIN de la plataforma */
.bx-frina{position:relative;margin-top:30px;background:#fff;border:1.5px solid #E6DEEA;border-radius:28px;padding:30px 34px 36px;box-shadow:0 30px 60px -36px rgba(28,20,29,.35);text-align:center}
.bx-fr-cab{display:flex;flex-direction:column;align-items:center;gap:12px;margin:4px 0 20px}
.bx-fr-n{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9C08AE}
.bx-fr-progreso{display:flex;gap:8px}
.bx-fr-progreso i{width:44px;height:6px;border-radius:6px;background:#E6DEEA;transition:background .3s}
.bx-fr-progreso i.hecho{background:#C426D9}
.bx-fr-preguntas{display:grid;min-height:110px;align-items:center}
.bx-fr-q{grid-area:1/1;margin:0 auto;max-width:880px;font-size:clamp(26px,3vw,40px);line-height:1.15;animation:bx-fr-entra .5s cubic-bezier(.34,1.3,.64,1)}
@keyframes bx-fr-entra{from{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.bx-fr-opciones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:22px}
.bx-fr-opciones button{display:grid;justify-items:center;align-content:space-between;gap:14px;min-height:210px;padding:26px 10px 22px;background:#fff;border:1.5px solid #E6DEEA;border-radius:22px;cursor:pointer;font:700 18px Lexend,sans-serif;color:#6B636D;transition:background .25s,border-color .25s,color .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}
.bx-fr-opciones svg{width:min(130px,90%);height:auto;margin-top:18px}
.bx-fr-opciones polygon{fill:var(--c);transition:fill .25s}
.bx-fr-opciones button:hover,.bx-fr-opciones button:focus-visible,.bx-fr-opciones button.elegido{background:var(--c);border-color:var(--c);color:#fff;transform:translateY(-4px)}
.bx-fr-opciones button:hover polygon,.bx-fr-opciones button:focus-visible polygon,.bx-fr-opciones button.elegido polygon{fill:#fff}
/* amarillo y verde: el blanco no se leería (AA), así que texto y figura pasan juntos a tinta */
.bx-fr-opciones button:is([style*="FFA82A"],[style*="01CD9D"]):is(:hover,:focus-visible,.elegido){color:#1C141D}
.bx-fr-opciones button:is([style*="FFA82A"],[style*="01CD9D"]):is(:hover,:focus-visible,.elegido) polygon{fill:#1C141D}
.bx-fr-opciones button.elegido{animation:bx-fr-pulsa .35s ease}
@keyframes bx-fr-pulsa{50%{transform:translateY(-4px) scale(.96)}}
.bx-fr-fin{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;text-align:left;animation:bx-fr-entra .6s ease}
.bx-fr-fin-txt{display:grid;gap:12px}
.bx-fr-fin-txt>b{font-family:Sora,sans-serif;font-size:clamp(26px,2.8vw,34px)}
.bx-fr-resumen{margin:0;font-size:17px;color:#2A2230;line-height:1.5}
.bx-fr-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.bx-fr-otra{font:600 15px Lexend,sans-serif;color:#0160B8;background:none;border:0;text-decoration:underline;cursor:pointer}
.bx-fr-dcha{display:grid;justify-items:center;gap:4px}
.bx-fr-radar{width:100%;max-width:440px;height:auto;overflow:visible}
.bx-fr-media{fill:none;stroke:#8C848E;stroke-width:3;stroke-dasharray:9 7}
.bx-fr-real{fill:rgba(196,38,217,.2);stroke:#C426D9;stroke-width:4;stroke-linejoin:round}
.bx-fr-punto{fill:#fff;stroke:#C426D9;stroke-width:4}
.bx-frina.acabado .bx-fr-cab,.bx-frina.acabado .bx-fr-preguntas,.bx-frina.acabado .bx-fr-opciones{display:none}
.bx-frina [hidden]{display:none!important}
@media (max-width:860px){
  .bx-frina{padding:22px 16px}
  .bx-fr-opciones{grid-template-columns:1fr;gap:8px}
  .bx-fr-opciones button{grid-template-columns:56px 1fr;justify-items:start;align-items:center;min-height:0;padding:10px 16px;text-align:left;font-size:17px}
  .bx-fr-opciones svg{width:56px;margin:0}
  .bx-fr-preguntas{min-height:96px}.bx-fr-q{font-size:24px}
  .bx-fr-fin{grid-template-columns:1fr}.bx-fr-dcha{order:-1}.bx-fr-radar{max-width:340px}
}
.bx-crit.scrub .dx-cabeza .bx-sub{display:none}
.bx-crit.scrub .bx-tabla{font-size:14px}
.bx-crit.scrub .bx-tabla th,.bx-crit.scrub .bx-tabla td{padding:9px 12px;font-size:14px;line-height:1.35}
.bx-crit.scrub .bx-tabla tbody th{width:21%}
.bx-crit.scrub .bx-tabla-caja.cuatro{max-width:1180px}
/* pruébalo: en lugar de la gráfica, subir el documento */
.bx-fr-sube{display:grid;justify-items:center;align-content:center;gap:8px;min-height:280px;padding:28px;text-align:center;border:2px dashed #C9A4D3;border-radius:22px;background:#FCF7FD;color:inherit;text-decoration:none;transition:background .25s,border-color .25s,transform .25s}
.bx-fr-sube:hover,.bx-fr-sube.encima{background:#F8ECFA;border-color:#C426D9;transform:scale(1.01)}
.bx-fr-sube b{font-family:Sora,sans-serif;font-size:22px}
.bx-fr-sube small{color:#4F4850;font-size:15px;max-width:320px}
.bx-fr-sube .button{margin-top:8px}
.bx-fr-doc{width:56px;height:70px;border-radius:8px;background:#FF0183;color:#fff;font:700 15px Sora,sans-serif;display:grid;place-items:end center;padding-bottom:10px;box-shadow:0 12px 20px -10px rgba(255,1,131,.6);animation:bx-flota 3s ease-in-out infinite}
@media (max-width:860px){.bx-fr-sube{min-height:220px}}
.bx-fr-sube{border-color:#9EC9F3;background:#F7FBFF}
.bx-fr-sube:hover,.bx-fr-sube.encima{background:#EAF3FD;border-color:#0177E3}

/* metodológicas v2 · escena: Nubo prescribe, con su porqué */
.bx-presc{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}
.bx-ps-hoja{position:relative;background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:12px;min-height:400px;align-content:start}
.bx-ps-hoja header{display:flex;justify-content:space-between;gap:10px;font-size:15px}.bx-ps-hoja header small{color:#6B636D;white-space:nowrap}
.bx-ps-orig{margin:0;font-size:17px;line-height:1.55;transition:opacity .4s}
.bx-ps-pasos{display:none;margin:0;padding-left:22px;gap:6px;font-size:16px;line-height:1.5}
.bx-ps-pasos b{font-weight:400;border-radius:4px;padding:0 2px;transition:background .5s,font-weight .5s}
.bx-ps-pasos i{display:block;height:0;border-bottom:2px solid #E6DEEA;margin:0;opacity:0;transition:height .5s,margin .5s,opacity .5s}
.bx-presc:not([data-f="0"]):not([data-f="1"]) .bx-ps-orig{display:none}
.bx-presc:not([data-f="0"]):not([data-f="1"]) .bx-ps-pasos{display:grid;animation:bx-fr-entra .5s ease}
.bx-presc:is([data-f="3"],[data-f="4"],[data-f="5"]) .bx-ps-pasos b{background:#FFF1D6;font-weight:700}
.bx-presc:is([data-f="4"],[data-f="5"]) .bx-ps-pasos i{height:20px;margin:2px 0 6px;opacity:1}
.bx-ps-marca{position:absolute;width:26px;height:26px;border-radius:50%;background:#C426D9;color:#fff;font:700 14px Sora,sans-serif;display:grid;place-items:center;box-shadow:0 0 0 4px #fff;opacity:0;scale:.4;transition:opacity .3s,scale .4s cubic-bezier(.34,1.56,.64,1)}
.bx-ps-marca.m1{left:-10px;top:66px}.bx-ps-marca.m2{right:-10px;top:96px}.bx-ps-marca.m3{left:-10px;bottom:40px}
.bx-presc:is([data-f="2"],[data-f="3"],[data-f="4"],[data-f="5"]) .m1,.bx-presc:is([data-f="3"],[data-f="4"],[data-f="5"]) .m2,.bx-presc:is([data-f="4"],[data-f="5"]) .m3{opacity:1;scale:1}
.bx-ps-lado{display:grid;gap:10px}
.bx-ps-quien{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px -30px rgba(28,20,29,.4)}
body main.dx .bx-ps-quien img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #C426D9}
.bx-ps-quien span{display:grid;line-height:1.3}.bx-ps-quien b{font-family:Sora,sans-serif;font-size:17px}.bx-ps-quien small{font-size:14px;color:#4F4850}
.bx-ps-piensa{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;line-height:1.4;font-weight:600;color:#4F4850;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s,max-height .3s,padding .3s}
.bx-presc[data-f="1"] .bx-ps-piensa{max-height:90px;padding:4px 2px;opacity:1}
.bx-ps-nota{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;background:#fff;border-radius:14px;padding:10px 12px;border-left:4px solid #C426D9;opacity:0;transform:translateX(12px);transition:opacity .45s,transform .45s cubic-bezier(.34,1.3,.64,1)}
.bx-ps-nota>b{width:24px;height:24px;border-radius:50%;background:#C426D9;color:#fff;font:700 13px Sora,sans-serif;display:grid;place-items:center}
.bx-ps-nota span{display:grid;gap:2px}.bx-ps-nota strong{font-size:15px}.bx-ps-nota small{font-size:14px;color:#4F4850;line-height:1.35}
.bx-presc:is([data-f="2"],[data-f="3"],[data-f="4"],[data-f="5"]) .n1,.bx-presc:is([data-f="3"],[data-f="4"],[data-f="5"]) .n2,.bx-presc:is([data-f="4"],[data-f="5"]) .n3{opacity:1;transform:none}
.bx-ps-no,.bx-ps-fijo{margin:0;border-radius:12px;padding:8px 12px;font-size:14px;opacity:0;transition:opacity .5s}
.bx-ps-no{background:#F1ECF3;color:#4F4850}.bx-ps-fijo{background:#E6F8F3;color:#00624A;font-weight:700}
.bx-presc[data-f="5"] :is(.bx-ps-no,.bx-ps-fijo){opacity:1}
.bx-quieto .bx-ps-orig{display:none}.bx-quieto .bx-ps-pasos{display:grid}.bx-quieto .bx-ps-pasos i{height:20px;opacity:1}
.bx-quieto :is(.bx-ps-marca,.bx-ps-nota,.bx-ps-no,.bx-ps-fijo){opacity:1;scale:1;transform:none}
@media (max-width:760px){.bx-presc{grid-template-columns:1fr}.bx-ps-hoja{min-height:360px}}

/* metodológicas v2 · un examen, tres versiones por perfil */
.bx-reparto{background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;justify-items:center}
.bx-rp-origen{display:flex;align-items:center;gap:12px;border:1.5px solid #E6DEEA;border-radius:16px;padding:12px 16px;background:#FBFAFB}
.bx-rp-origen span:last-child{display:grid;line-height:1.3}.bx-rp-origen b{font-family:Sora,sans-serif;font-size:17px}.bx-rp-origen small{font-size:14px;color:#4F4850}
.bx-rp-doc,.bx-rp-v-doc{display:grid;gap:4px;width:38px;padding:8px 7px;border-radius:6px;background:#fff;border:1.5px solid #CFC6D2}
.bx-rp-doc i,.bx-rp-v-doc i{display:block;height:4px;border-radius:4px;background:#E3DDE6}
.bx-rp-doc i:nth-child(2n){width:70%}
.bx-rp-ramas{width:70%;height:54px;overflow:visible}
.bx-rp-ramas path{fill:none;stroke:#CFC6D2;stroke-width:2.5;stroke-dasharray:140;stroke-dashoffset:140;vector-effect:non-scaling-stroke}
.bx-reparto.visto .bx-rp-ramas path{animation:bx-rp-traza .8s ease forwards}
.bx-reparto.visto .bx-rp-ramas path:nth-child(2){animation-delay:.15s}.bx-reparto.visto .bx-rp-ramas path:nth-child(3){animation-delay:.3s}
@keyframes bx-rp-traza{to{stroke-dashoffset:0}}
.bx-rp-versiones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.bx-rp-v{display:grid;gap:8px;align-content:start;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--c) 8%,#fff);border:1.5px solid color-mix(in srgb,var(--c) 40%,#fff);opacity:0;transform:translateY(16px) scale(.96);transition:opacity .5s,transform .6s cubic-bezier(.34,1.4,.64,1);transition-delay:calc(.6s + var(--k) * .25s)}
.bx-reparto.visto .bx-rp-v{opacity:1;transform:none}
.bx-rp-v-cab{display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.bx-rp-v-cab b{font-family:Sora,sans-serif;font-size:16px}.bx-rp-v-cab em{font-style:normal;font-size:13px;font-weight:700;color:var(--c)}
.bx-rp-v[style*="C426D9"] .bx-rp-v-cab em{color:#9C08AE}.bx-rp-v[style*="0177E3"] .bx-rp-v-cab em{color:#0160B8}.bx-rp-v[style*="00A57E"] .bx-rp-v-cab em{color:#00624A}
.bx-rp-v-doc{border-color:var(--c)}.bx-rp-v-doc i:nth-child(2){background:var(--c);opacity:.5;width:60%}
.bx-rp-v small{font-size:14px;font-weight:600;line-height:1.35;color:#2A2230}
.bx-rp-caras{display:flex;align-items:center}
.bx-rp-caras .bx-cara{margin-right:-8px}
.bx-rp-caras em{font-style:normal;font-size:13px;font-weight:700;color:#4F4850;margin-left:14px}
.bx-rp-pie{margin:16px 0 0;font-size:15px;color:#4F4850;opacity:0;transition:opacity .5s 1.6s}
.bx-reparto.visto .bx-rp-pie{opacity:1}
.bx-rp-ok{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#00A57E;color:#fff;font-size:12px;margin-right:4px}
.bx-quieto .bx-rp-v,.bx-quieto .bx-rp-pie{opacity:1;transform:none}.bx-quieto .bx-rp-ramas path{stroke-dashoffset:0}
@media (max-width:700px){.bx-rp-versiones{grid-template-columns:1fr}.bx-rp-ramas{display:none}.bx-rp-origen{margin-bottom:12px}}

/* mitos: la cara y el dorso comparten celda, así el texto nunca se corta */
.bx-mito{display:grid;min-height:0}
.bx-mito-cara,.bx-mito-dorso{position:relative;inset:auto;grid-area:1/1;min-height:250px}
.bx-mito-dorso{font-size:15px}
.bx-escena:has(.bx-presc){grid-template-columns:.75fr 1.25fr}@media (max-width:980px){.bx-escena:has(.bx-presc){grid-template-columns:1fr}}

/* curriculares v2 · escena: el examen curricular se configura pregunta a pregunta */
.bx-escena:has(.bx-conf){grid-template-columns:.7fr 1.3fr}
@media (max-width:980px){.bx-escena:has(.bx-conf){grid-template-columns:1fr}}
.bx-conf{position:relative;background:#fff;border-radius:22px;padding:14px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:12px}
.bx-cf-barra{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#F6F2F7;border-radius:14px;padding:10px 12px}
.bx-cf-barra b{font-family:Sora,sans-serif;font-size:15px}
.bx-cf-todos{border-radius:99px;background:linear-gradient(90deg,#C426D9,#0177E3);color:#fff;font-weight:700;font-size:13px;padding:7px 14px;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.bx-conf[data-f="4"] .bx-cf-todos{transform:scale(.94);box-shadow:inset 0 3px 6px rgba(0,0,0,.25)}
.bx-cf-cuerpo{display:grid;grid-template-columns:1.05fr 1fr;gap:12px;align-items:start}
.bx-cf-lista{display:grid;gap:8px}
.bx-cf-act{display:grid;gap:6px;border:1.5px solid #EFE9F1;border-radius:14px;padding:8px;transition:border-color .3s,box-shadow .3s}
.bx-cf-act>span{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:9px;padding:6px 9px;font-size:13px;line-height:1.3}
.bx-cf-act small{font-size:12px;font-weight:700;white-space:nowrap}
.bx-cf-o{background:#F6F2F7;color:#6B636D;transition:background .3s,color .3s}
.bx-cf-r{border:1.5px solid #E6DEEA;color:#6B636D;transition:border-color .3s,color .3s,background .3s}
.bx-cf-r .ok{display:none;color:#00624A}
.bx-conf:is([data-f="0"],[data-f="1"]) .bx-cfa0,.bx-conf:is([data-f="2"],[data-f="3"]) .bx-cfa1{border-color:#C426D9;box-shadow:0 10px 24px -14px rgba(196,38,217,.6)}
.bx-conf:is([data-f="0"],[data-f="1"]) .bx-cfa0 .bx-cf-o,.bx-conf:is([data-f="2"],[data-f="3"]) .bx-cfa1 .bx-cf-o{background:#C426D9;color:#fff}
.bx-conf:is([data-f="0"],[data-f="1"]) .bx-cfa0 .bx-cf-r,.bx-conf:is([data-f="2"],[data-f="3"]) .bx-cfa1 .bx-cf-r{border-color:#C426D9;color:#9C08AE}
.bx-conf:not([data-f="0"]) .bx-cfa0 .bx-cf-r,.bx-conf:is([data-f="3"],[data-f="4"]) .bx-cfa1 .bx-cf-r,.bx-conf[data-f="4"] .bx-cfa2 .bx-cf-r{border-color:#00A57E;background:#F3FBF8;color:#00624A}
.bx-conf:not([data-f="0"]) .bx-cfa0 .rec,.bx-conf:is([data-f="3"],[data-f="4"]) .bx-cfa1 .rec,.bx-conf[data-f="4"] .bx-cfa2 .rec{display:none}
.bx-conf:not([data-f="0"]) .bx-cfa0 .ok,.bx-conf:is([data-f="3"],[data-f="4"]) .bx-cfa1 .ok,.bx-conf[data-f="4"] .bx-cfa2 .ok{display:inline;animation:bx-pop-ok .4s cubic-bezier(.34,1.56,.64,1)}
.bx-cf-paneles{display:grid}
.bx-cf-panel{grid-area:1/1;display:grid;gap:8px;border:1.5px solid #EFE9F1;border-radius:14px;padding:12px;opacity:0;transform:translateX(10px);transition:opacity .4s,transform .4s;pointer-events:none}
.bx-conf:is([data-f="0"],[data-f="1"]) .bx-cfp0,.bx-conf:is([data-f="2"],[data-f="3"],[data-f="4"]) .bx-cfp1{opacity:1;transform:none}
.bx-cf-pcab{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bx-cf-pcab b{font-family:Sora,sans-serif;color:#9C08AE;font-size:16px}
.bx-cf-pcab span{font-size:11px;font-weight:700;color:#9C08AE;border:1.5px solid #C426D9;border-radius:8px;padding:2px 6px;white-space:nowrap}
.bx-cf-et{font-size:12px;font-weight:700;color:#6B636D;text-transform:uppercase;letter-spacing:.04em}
.bx-cf-orig{margin:0;font-size:14px;line-height:1.4}
.bx-cf-estilo{display:grid;gap:6px;border:1.5px solid #EFE9F1;border-radius:12px;padding:10px}
.bx-cf-estilo>b{font-size:14px}.bx-cf-estilo>small{font-size:12px;color:#4F4850}
.bx-cf-op{display:flex;align-items:center;gap:8px;border:1.5px solid #E6DEEA;border-radius:10px;padding:6px 8px;font-size:13px;font-weight:700}
.bx-cf-op i{width:16px;height:16px;border-radius:50%;border:2px solid #C426D9;flex:none;display:grid;place-items:center}
.bx-cf-op.on{border-color:#C426D9}.bx-cf-op.on i::after{content:"";width:8px;height:8px;border-radius:50%;background:#C426D9}
.bx-cf-op span{display:grid;line-height:1.2}.bx-cf-op em{font-style:normal;font-size:11px;font-weight:600;color:#9C08AE}
.bx-cf-confirma{border-radius:9px;background:#C426D9;color:#fff;text-align:center;font-weight:700;font-size:13px;padding:7px;transition:transform .15s,box-shadow .15s}
.bx-conf[data-f="1"] .bx-cfp0 .bx-cf-confirma,.bx-conf[data-f="3"] .bx-cfp1 .bx-cf-confirma{transform:scale(.95);box-shadow:inset 0 3px 6px rgba(0,0,0,.3)}
.bx-cf-sello{position:absolute;left:50%;top:45%;translate:-50% -50%;border-radius:14px;background:#00A57E;color:#fff;font:700 17px Sora,sans-serif;padding:12px 18px;box-shadow:0 20px 40px -14px rgba(0,98,74,.6);opacity:0;scale:.7;rotate:-4deg;transition:opacity .35s,scale .45s cubic-bezier(.34,1.56,.64,1)}
.bx-conf[data-f="4"] .bx-cf-sello{opacity:1;scale:1}
.bx-cf-ref{margin:0;font-size:13px;color:#4F4850;text-align:center}
.bx-quieto .bx-cf-sello{display:none}
@media (max-width:700px){.bx-cf-cuerpo{grid-template-columns:1fr}.bx-cf-act.bx-cfa2{display:none}.bx-cf-todos{font-size:12px;padding:6px 10px}}

/* curriculares v2 · qué es: tres claves */
.bx-claves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.bx-claves article{border-radius:20px;padding:20px 22px;background:color-mix(in srgb,var(--c) 8%,#fff);border-left:5px solid var(--c);display:grid;gap:6px}
.bx-claves b{font-family:Sora,sans-serif;font-size:22px}.bx-claves p{margin:0;color:#4F4850;font-size:17px}
@media (max-width:800px){.bx-claves{grid-template-columns:1fr}}

/* curriculares v2 · cómo se hace: a mano o con Nubo */
.bx-carriles{margin-top:30px;display:grid;gap:10px}
.bx-cr-cab,.bx-cr-fila{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;align-items:center}
.bx-cr-cab{padding:0 18px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6B636D}
.bx-cr-cab span:last-child{color:#9C08AE}
.bx-cr-fila{position:relative;background:#fff;border:1.5px solid #E6DEEA;border-radius:18px;padding:16px 18px}
.bx-cr-paso{display:flex;gap:12px;align-items:flex-start}
.bx-cr-paso>b{width:34px;height:34px;flex:none;border-radius:10px;background:#00A57E;color:#fff;font:700 16px Sora,sans-serif;display:grid;place-items:center}
.bx-cr-paso span{display:grid;gap:2px}.bx-cr-paso strong{font-size:17px}.bx-cr-paso small{font-size:15px;color:#4F4850}
.bx-cr-mano,.bx-cr-nubo{margin:0;border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.4}
.bx-cr-mano{background:#F6F2F7;color:#4F4850}
.bx-cr-nubo{background:#F8ECFA;color:#2A2230;font-weight:600}
.bx-cr-fila.fuerte{border:2px solid #C426D9;box-shadow:-5px 5px 0 #C426D9}
.bx-cr-fila.fuerte .bx-cr-mano{background:#FFE6F1;color:#8A0049;font-weight:600}
.bx-cr-trabajazo{position:absolute;top:-12px;left:18px;border-radius:99px;background:#C426D9;color:#fff;font-weight:700;font-size:13px;padding:2px 10px}
.bx-ccaa-banda{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;border-radius:18px;background:#1C141D;color:#fff;padding:16px 22px;text-decoration:none}
.bx-ccaa-banda span{font:700 18px Sora,sans-serif;letter-spacing:.04em;color:#FFC56E}.bx-ccaa-banda b{font-weight:600}
@media (max-width:800px){.bx-cr-cab{display:none}.bx-cr-fila{grid-template-columns:1fr}.bx-cr-mano::before,.bx-cr-nubo::before{content:attr(data-l) ": ";font-weight:700}}
@media (max-width:700px){.bx-cf-barra{flex-wrap:wrap}.bx-cf-barra b{font-size:14px;flex-basis:100%}}

/* curriculares v3 · claves con la marca de Nubo (borde fino + sombra desplazada) */
.bx-claves article{background:#fff;border:1.5px solid #E6DEEA;border-left:1.5px solid #E6DEEA;border-radius:22px;padding:22px 24px;box-shadow:-6px 6px 0 var(--c);gap:6px}
.bx-claves small{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4F4850}
.bx-claves b{font-size:24px;line-height:1.15}
.bx-tabla-caja.tres td:nth-child(3){background:#F8ECFA}.bx-tabla-caja.tres td:nth-child(4){background:#EAF3FD}
.bx-tabla-caja.tres thead th:nth-child(3){color:#9C08AE}.bx-tabla-caja.tres thead th:nth-child(4){color:#0160B8}

/* el collage: recortes de otras fuentes que se amontonan */
.bx-collage{background:#fff;border-radius:24px;padding:18px;box-shadow:0 30px 60px -36px rgba(28,20,29,.45);display:grid;gap:12px}
.bx-cl-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px}
.bx-cl-reloj{border-radius:99px;background:#FFE6F1;color:#B0005A;font-weight:700;font-size:14px;padding:4px 12px;white-space:nowrap}
.bx-cl-mesa{position:relative;height:330px;border-radius:16px;background:#FBFAFB;background-image:radial-gradient(#E6DEEA 1px,transparent 1px);background-size:16px 16px;overflow:hidden}
.bx-cl-recorte{position:absolute;width:44%;padding:14px 14px 12px;background:var(--bg);border-radius:4px;box-shadow:0 10px 18px -10px rgba(28,20,29,.45);transform:rotate(var(--r)) translateY(-30px) scale(1.08);opacity:0;transition:opacity .35s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.bx-cl-recorte small{display:block;font:700 12px Lexend,sans-serif;color:#6B636D;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
.bx-cl-recorte p{margin:0;font-size:15px;line-height:1.35;color:#1C141D}
.bx-cl-recorte.serif p{font-family:Georgia,"Times New Roman",serif;font-size:16px}
.bx-cl-recorte.mono p{font-family:"Courier New",monospace;font-size:14px;font-weight:700}
.bx-cl-celo{position:absolute;top:-8px;left:50%;width:56px;height:16px;translate:-50% 0;background:rgba(255,236,170,.75);rotate:-3deg}
.bx-collage[data-n="1"] .bx-cl-recorte:nth-child(-n+1),.bx-collage[data-n="2"] .bx-cl-recorte:nth-child(-n+2),.bx-collage[data-n="3"] .bx-cl-recorte:nth-child(-n+3),.bx-collage[data-n="4"] .bx-cl-recorte:nth-child(-n+4),.bx-collage[data-n="5"] .bx-cl-recorte{opacity:1;transform:rotate(var(--r))}
.bx-cl-pie{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;opacity:0;transition:opacity .5s}
.bx-collage[data-n="5"] .bx-cl-pie{opacity:1}
.bx-cl-pie span{border-radius:99px;background:#1C141D;color:#fff;font-weight:700;font-size:14px;padding:4px 12px}
.bx-cl-pie span:last-child{background:#FFA82A;color:#1C141D}
.bx-quieto .bx-cl-recorte{opacity:1;transform:rotate(var(--r))}.bx-quieto .bx-cl-pie{opacity:1}
@media (max-width:700px){.bx-cl-mesa{height:360px}.bx-cl-recorte{width:58%}.bx-cl-recorte p{font-size:14px}}

/* cinco criterios (libro blanco) */
.bx-criterios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.bx-criterios article{background:#fff;border:1.5px solid #E6DEEA;border-radius:22px;padding:22px;box-shadow:-6px 6px 0 var(--c);display:grid;gap:6px;align-content:start}
.bx-criterios small{font:700 14px Sora,sans-serif;color:#4F4850;letter-spacing:.04em}
.bx-criterios h3{margin:0;font-size:22px}.bx-criterios p{margin:0;color:#4F4850;font-size:16px}
.bx-crit-libro{display:grid;gap:4px;align-content:center;border-radius:22px;padding:22px;background:#C426D9;color:#fff;text-decoration:none;transition:transform .25s}
.bx-crit-libro:hover{transform:translateY(-3px)}
.bx-crit-libro small{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.85}.bx-crit-libro b{font-family:Sora,sans-serif;font-size:24px}.bx-crit-libro span{font-weight:600}
@media (max-width:900px){.bx-criterios{grid-template-columns:1fr}}

/* ampliación: el mismo tema, más hondo */
.bx-amplia{display:grid;gap:10px;justify-items:stretch}
.bx-am-carta{background:#fff;border:1.5px solid #E6DEEA;border-radius:20px;padding:18px 20px;box-shadow:0 20px 40px -30px rgba(28,20,29,.4);display:grid;gap:8px}
.bx-am-carta small{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#4F4850}
.bx-am-carta p{margin:0;font-size:17px;line-height:1.5}
.bx-am-carta.alta{border:2px solid #C426D9;box-shadow:-6px 6px 0 #C426D9}
.bx-am-flecha{justify-self:center;font-size:20px;color:#9C08AE}.bx-am-flecha b{font-size:15px}

/* así lo hace Nubo: plan + examen = su versión */
.bx-flujo3{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin-top:30px;text-align:left}
.bx-flujo3 article{background:#fff;border:1.5px solid #E6DEEA;border-radius:22px;padding:18px;display:grid;gap:10px;align-content:start}
.bx-flujo3 article.nubo{border:2px solid #C426D9;box-shadow:-6px 6px 0 #C426D9}
.bx-flujo3 small{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4F4850}
.bx-flujo3 article.nubo small{color:#9C08AE}
.bx-flujo3 p{margin:0;color:#4F4850;font-size:16px}
.bx-f3-vis{display:grid;gap:6px;background:#FBFAFB;border:1.5px solid #EFE9F1;border-radius:14px;padding:12px;font-size:14px;min-height:130px;align-content:start}
.bx-f3-vis b{font-size:14px}.bx-f3-vis i{display:block;height:8px;border-radius:8px;background:#E3DDE6}.bx-f3-vis i:nth-of-type(2n){width:75%}
.bx-f3-vis em{font-style:normal;font-weight:700;color:#00624A}
.bx-f3-vis .ok{color:#9C08AE;font-weight:600}.bx-f3-vis .igual{color:#4F4850;font-weight:600}
.bx-f3-mas{align-self:center;font:700 34px Sora,sans-serif;color:#C426D9}
.bx-f3-contra{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;text-align:left}
.bx-f3-contra p{margin:0;border-radius:16px;padding:14px 18px;font-size:17px;background:#F6F2F7;color:#4F4850}
.bx-f3-contra p.nubo{background:#F8ECFA;color:#2A2230}
@media (max-width:980px){.bx-flujo3{grid-template-columns:1fr}.bx-f3-mas{justify-self:center;font-size:28px}.bx-f3-contra{grid-template-columns:1fr}}
@media (max-width:700px){.bx-cl-recorte:nth-child(2),.bx-cl-recorte:nth-child(4){left:42%!important}.bx-cl-recorte{width:56%}}
.suave+.dx-casos{padding-top:100px}
@media (max-width:700px){.suave+.dx-casos{padding-top:64px}}

/* Versiones (adaptar materiales): primero se va una, luego entra la otra (sin textos montados) */
.bx-ver-item{transition:opacity .25s ease,transform .25s ease}
.bx-ver[data-v="0"] .bx-ver-item:nth-child(1),.bx-ver[data-v="1"] .bx-ver-item:nth-child(2),.bx-ver[data-v="2"] .bx-ver-item:nth-child(3),.bx-ver[data-v="3"] .bx-ver-item:nth-child(4),.bx-ver[data-v="4"] .bx-ver-item:nth-child(5){transition-delay:.25s}
.bx-versiones span{cursor:pointer}
/* En el editor: todas las versiones una debajo de otra */
.bx-ver.bx-ver-todas .bx-ver-zona{min-height:0;display:grid;gap:34px}
.bx-ver.bx-ver-todas .bx-ver-item{position:relative;opacity:1;transform:none}
.bx-ver.bx-ver-todas .bx-ver-pie{display:none}

/* Curriculares · 4: hueco para el vídeo de demostración */
.bx-video-demo{max-width:980px;margin:56px auto 0}
.bx-video-demo .video-hueco{aspect-ratio:16/9;width:100%}
@media (max-width:700px){.bx-video-demo{margin-top:36px}}

/* Estabilidad: mientras se mide el alto de cada fase, nada se anima */
.bx-sin-anim,.bx-sin-anim *{transition:none!important;animation:none!important}

/* Cabecera de «Cómo funciona» centrada en la página (planes individualizados) */
.dx-como-texto.dx-como-centro{text-align:center;max-width:980px;margin-inline:auto}
.dx-como-texto.dx-como-centro p:not(.dx-kicker){margin-inline:auto}

/* ===== Móvil (nubo-web#78) ===== */
/* el confeti de «pruébalo» volaba fuera de la caja y hacía la página más ancha que la pantalla */
.bx-prueba{overflow-x:clip}
/* cursores del equipo: si la etiqueta con el nombre no cabe a la derecha, va a la izquierda (lo decide b2c.js) */
.bx-mano.izq span{left:auto;right:calc(100% - 4px);border-radius:6px 6px 0 6px}
@media (max-width:700px){
  /* tabla de criterios en tarjetas: la nota pequeña va debajo de su respuesta, no bajo el nombre de la fila */
  .bx-tabla td small{grid-column:2}
}
@media (max-width:480px){
  /* filas de las maquetas (planes que esperan firma, datos del informe, alumnos): la pastilla de estado va
     debajo del texto, para que el texto no caiga palabra a palabra */
  .bx-firma,.bx-dato{grid-template-columns:minmax(0,1fr)}
  .bx-firma>.bx-pill,.bx-dato>.bx-pill{justify-self:start}
  .bx-alumno{grid-template-columns:auto minmax(0,1fr);row-gap:6px}
  .bx-alumno>:nth-child(3){grid-column:2;justify-self:start}
  .bx-envio-alumno{flex-wrap:wrap}
  .bx-envio-alumno>.bx-boton-web{flex-basis:100%;text-align:center}
  /* panel de orientación (/cribados): las pestañas bajan debajo del título; y en «lo último de tu equipo»,
     el «hace 5 min» va debajo de la frase */
  .bx-panel header{flex-wrap:wrap;row-gap:8px}
  .bx-ev{grid-template-columns:auto minmax(0,1fr);row-gap:2px}
  .bx-ev>small{grid-column:2}
}