/* Presentación pública: avatares, aventuras y metas familiares. Sin dependencias. */
.seoExperiencia,.seoVisual{--sx-tinta:#24233f;--sx-suave:#5b5a70;--sx-violeta:#6750b8;--sx-linea:#e3deed;box-sizing:border-box;color:var(--sx-tinta)}
.seoExperiencia *,.seoVisual *{box-sizing:border-box}
.seoExperiencia{margin:clamp(48px,7vw,100px) auto;max-width:1220px;font-family:inherit}
.seoExperiencia h2,.seoExperiencia h3,.seoExperiencia h4,.seoExperiencia p,.seoExperiencia figure{margin:0}
.seoExperienciaEntrada{max-width:790px;margin:0 auto 34px;text-align:center}
.seoExperienciaCeja,.seoExperienciaPaso{display:block;font-size:.7rem;font-weight:800;letter-spacing:.12em;line-height:1.6;color:var(--sx-violeta)}
.seoExperienciaEntrada h2{margin:12px 0 17px;font-size:clamp(1.9rem,3.8vw,3rem);font-weight:850;line-height:1.12;letter-spacing:-.045em;text-wrap:balance;color:var(--sx-tinta)}
.seoExperienciaEntrada>p{font-size:1.05rem;line-height:1.75;color:var(--sx-suave);text-wrap:pretty}
.seoExperienciaAvatar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,60px);align-items:center;padding:clamp(22px,4vw,50px);border:1px solid var(--sx-linea);border-radius:30px;background:linear-gradient(135deg,#fff 0%,#faf8ff 70%,#edf6ff 100%);overflow:hidden}
.seoExperiencia h3{margin:14px 0 20px;font-size:clamp(1.65rem,2.5vw,2.4rem);font-weight:800;line-height:1.15;letter-spacing:-.04em;text-wrap:balance;color:var(--sx-tinta)}
.seoExperienciaAvatarTexto>p{margin:0 0 15px;font-size:.97rem;line-height:1.75;color:var(--sx-suave)}
.seoExperienciaEnlace{display:inline-flex;gap:12px;align-items:center;padding:10px 0;color:#5943a3;font-weight:750;font-size:.9rem;line-height:1.5;text-decoration:underline;text-decoration-color:#c8bce8;text-underline-offset:5px}
.seoExperienciaEnlace:hover{color:#392575;text-decoration-color:currentColor}
.seoExperienciaEnlace:focus-visible,.seoExperienciaBoton:focus-visible{outline:3px solid #3c91c8;outline-offset:5px;border-radius:7px}
.seoVisual{width:100%;max-width:600px;margin:0;position:relative;min-width:0}
.seoVisualSelector{min-width:0;border:0;padding:0;margin:0;position:relative}
.seoVisualSelector legend{display:block;width:100%;text-align:center;font-size:.74rem;font-weight:700;color:#655681;line-height:1.5;margin:0 0 12px;padding:0}
.seoVisualRadio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.seoVisualEscenario{position:relative;isolation:isolate;width:100%;aspect-ratio:1.22;min-height:290px;max-height:460px;border-radius:26px;background:radial-gradient(ellipse at 46% 44%,#fff 0%,#eee5ff 43%,#d9eafb 100%);border:1px solid #d8d3eb;overflow:hidden;box-shadow:0 22px 55px -40px #544684}
.seoVisualOrbita{position:absolute;inset:18% -12% -35%;border:1px solid #c6b5df;border-radius:50%;transform:rotate(-12deg);z-index:-1}
.seoVisualOrbita:after{content:"";position:absolute;inset:12%;border:1px solid #d2c4e7;border-radius:50%}
.seoVisualEtiqueta{position:absolute;top:20px;left:22px;font-size:.61rem;font-weight:850;letter-spacing:.13em;color:#5e4d86}
.seoVisualAvatares{position:absolute;inset:48px 28px 53px;display:none;align-items:center;justify-content:center;gap:0}
.seoVisualRadioUrbano:checked~.seoVisualEscenario .seoVisualAvataresUrbano,.seoVisualRadioCreativo:checked~.seoVisualEscenario .seoVisualAvataresCreativo,.seoVisualRadioAventura:checked~.seoVisualEscenario .seoVisualAvataresAventura{display:flex}
.seoVisualAvatar{height:94%;width:auto;max-width:43%;object-fit:cover;object-position:top;border-radius:18px;border:1px solid #fff;box-shadow:0 16px 25px -14px #4c397d5c;position:relative}
.seoVisualAvatarUno{transform:translateX(13%) rotate(-9deg);z-index:1;height:85%;order:1}
.seoVisualAvatarDos{transform:translateY(-8px);z-index:3;order:2}
.seoVisualAvatarTres{transform:translateX(-13%) rotate(9deg);z-index:2;height:85%;order:3}
.seoVisualControles{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:14px 0 0}
.seoVisualControles label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border-radius:100px;font-size:.72rem;font-weight:750;line-height:1.4;cursor:pointer;border:1px solid #d7cee8;background:#fff;color:#655284;transition:background .2s ease,color .2s ease}
.seoVisualControles label:hover{border-color:#76609f;background:#f2eafa}
.seoVisualRadioUrbano:checked~.seoVisualControles .seoVisualOpcionUrbano,.seoVisualRadioCreativo:checked~.seoVisualControles .seoVisualOpcionCreativo,.seoVisualRadioAventura:checked~.seoVisualControles .seoVisualOpcionAventura{background:#66508e;border-color:#66508e;color:#fff}
.seoVisualRadioUrbano:focus-visible~.seoVisualControles .seoVisualOpcionUrbano,.seoVisualRadioCreativo:focus-visible~.seoVisualControles .seoVisualOpcionCreativo,.seoVisualRadioAventura:focus-visible~.seoVisualControles .seoVisualOpcionAventura{outline:3px solid #3c91c8;outline-offset:4px}
.seoVisualLogro{position:absolute;z-index:4;left:16px;bottom:53px;display:flex;align-items:center;gap:9px;background:#fffef7;box-shadow:0 8px 22px #4a3a7321;border:1px solid #e2d9c5;border-radius:14px;padding:11px 14px;color:#514071;font-size:.69rem;line-height:1.4;transform:rotate(-4deg)}
.seoVisualLogro strong{font-size:.75rem}
.seoVisualFrase{position:absolute;left:16px;right:16px;bottom:16px;text-align:center;font-size:.72rem;line-height:1.4;color:#50416a;font-weight:700}
.seoVisual figcaption{font-size:.67rem;line-height:1.6;text-align:center;color:#666077;padding:12px 8px 0;text-wrap:balance}
.seoVisual figcaption strong{font-weight:650}
.seoExperienciaAventuras{margin-top:22px;padding:clamp(22px,4vw,42px);border:1px solid #34314e;border-radius:30px;background:radial-gradient(ellipse at 15% 0%,#393054 0%,#232139 45%,#1c1c30 100%);color:#fff;overflow:hidden}
.seoExperienciaJuegosCabecera{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-bottom:25px}
.seoExperienciaAventuras .seoExperienciaPaso{color:#cab8ff}
.seoExperienciaAventuras h3{color:#fff;margin-bottom:0}
.seoExperienciaJuegosCabecera>p{color:#d0ccdd;font-size:.91rem;line-height:1.8}
.seoExperienciaJuegos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.seoExperienciaJuego{border:1px solid #514867;border-radius:20px;background:#ffffff08;overflow:hidden;min-width:0}
.seoExperienciaCaptura{position:relative;aspect-ratio:12/7;background:#e7edf3;overflow:hidden;border-bottom:1px solid #514867}
.seoExperienciaCaptura img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.seoExperienciaJuego:hover .seoExperienciaCaptura img{transform:scale(1.025)}
.seoExperienciaCaptura>span{position:absolute;top:10px;left:10px;background:#211f36e8;color:#fff;border:1px solid #ffffff2b;padding:4px 7px;border-radius:5px;font-size:.51rem;font-weight:750;letter-spacing:.09em}
.seoExperienciaJuegoTexto{padding:19px 18px 21px}
.seoExperienciaMateria{display:block;color:#c3b6ee;font-weight:750;font-size:.63rem;letter-spacing:.05em}
.seoExperienciaJuego h4{font-size:1.08rem;line-height:1.3;font-weight:750;letter-spacing:-.025em;color:#fff;margin:7px 0 10px}
.seoExperienciaJuegoTexto p{font-size:.8rem;line-height:1.75;color:#d2ccdf}
.seoExperienciaJuegoTexto>strong{display:block;margin-top:17px;color:#eddbaf;font-size:.69rem;line-height:1.5;font-weight:650}
.seoExperienciaJuegoDestacado{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;background:linear-gradient(110deg,#484065,#302b47);border-color:#827298}
.seoExperienciaJuegoDestacado .seoExperienciaCaptura{height:auto;aspect-ratio:12/7;border-bottom:0;border-right:1px solid #66597a;align-self:stretch}
.seoExperienciaJuegoDestacado .seoExperienciaJuegoTexto{padding:clamp(21px,3vw,36px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.seoExperienciaEnglish{display:inline-block;color:#e4d7ab;border:1px solid #bca87d80;border-radius:100px;padding:5px 9px;font-size:.56rem;letter-spacing:.1em;font-weight:750;line-height:1.4;margin-bottom:15px}
.seoExperienciaJuegoDestacado h4{font-size:clamp(1.35rem,2.2vw,2rem);margin-top:10px}
.seoExperienciaJuegoDestacado .seoExperienciaJuegoTexto p{font-size:.86rem}
.seoExperienciaAventuras .seoExperienciaPausa{margin:22px auto 0;color:#bab5cd;font-size:.71rem;line-height:1.8;text-align:center;max-width:760px;text-wrap:pretty}
.seoExperienciaPremios{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,70px);align-items:center;margin-top:22px;padding:clamp(24px,4vw,48px);border:1px solid #e7d9bd;border-radius:30px;background:linear-gradient(115deg,#fffdf8,#fff8e9)}
.seoExperienciaPremioTexto>p{color:#655a4d;font-size:.95rem;line-height:1.8}
.seoExperienciaPremios .seoExperienciaPaso{color:#88612c}
.seoExperienciaPasos{list-style:none;margin:23px 0 15px;padding:0;display:grid;gap:17px}
.seoExperienciaPasos li{display:flex;gap:12px;align-items:flex-start;font-size:.83rem;line-height:1.6}
.seoExperienciaPasos li>span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #e2c891;background:#fff0cf;color:#78552c;font-weight:750;border-radius:50%;font-size:.72rem}
.seoExperienciaPasos strong{font-size:.86rem;font-weight:750;color:#41352c}
.seoExperienciaPasos li p{margin-top:2px;color:#6e6255}
.seoExperienciaRegalo{position:relative;border:1px solid #ebd7ad;border-radius:24px;background:radial-gradient(ellipse at 50% 43%,#fff8dd,#f8e7c2);padding:22px;min-width:0;box-shadow:0 20px 35px -26px #b69b6c}
.seoExperienciaRegaloSuperior{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#8c6530}
.seoExperienciaRegaloSuperior>span{max-width:160px;font-size:.6rem;font-weight:800;letter-spacing:.11em;line-height:1.6}
.seoExperienciaRegaloDibujo{display:block;width:min(100%,275px);height:auto;margin:17px auto 18px}
.seoExperienciaPremioEjemplo{display:flex;gap:12px;align-items:center;border:1px solid #e3d2b0;border-radius:13px;background:#fffdf5;padding:14px 16px}
.seoExperienciaPremioEjemplo>span{font-size:1.75rem;color:#8a6bc6}
.seoExperienciaPremioEjemplo strong{display:block;font-size:.85rem;color:#3f354a}
.seoExperienciaPremioEjemplo div>span{display:block;font-size:.66rem;color:#7a6c54;margin-top:3px}
.seoExperienciaRegalo figcaption{font-size:.64rem;color:#776340;line-height:1.7;margin-top:13px;text-align:center}
.seoExperienciaPie{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 5px 0}
.seoExperienciaPie>p{font-size:.79rem;line-height:1.8;max-width:630px;color:var(--sx-suave)}
.seoExperienciaPie>p strong{color:var(--sx-tinta)}
.seoExperienciaBoton{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;background:#5e47a8;color:#fff;text-decoration:none;font-weight:750;font-size:.85rem;border:1px solid #5e47a8;border-radius:12px;flex-shrink:0;min-height:48px;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 7px 20px -12px #4e388e}
.seoExperienciaBoton:hover{background:#493383;color:#fff;box-shadow:0 9px 22px -10px #4e388e}
.seoExperienciaCompacta .seoExperienciaEntrada{max-width:720px;margin-bottom:24px}
.seoExperienciaCompacta .seoExperienciaAvatar{padding:24px 32px;grid-template-columns:1.1fr .9fr}
.seoExperienciaCompacta .seoVisualEscenario{max-height:325px;min-height:265px}
.seoExperienciaCompacta .seoExperienciaAvatarTexto>p:nth-of-type(2){font-size:.82rem;line-height:1.7}
.seoExperienciaCompacta .seoExperienciaJuegosCabecera{grid-template-columns:1fr 1.25fr}
.seoExperienciaCompacta .seoExperienciaPremios{padding:28px 32px}
.seoExperienciaCompacta .seoExperienciaPasos{gap:12px;margin-top:18px}
.seoExperienciaCompacta .seoExperienciaRegaloDibujo{max-width:200px;margin:0 auto 12px}
@media(min-width:1280px){.seoExperienciaAvatar .seoVisual{max-width:485px;justify-self:end}}
@media(max-width:850px){.seoExperienciaAvatar,.seoExperienciaCompacta .seoExperienciaAvatar{grid-template-columns:1fr 1fr;gap:22px;padding:25px}.seoExperienciaJuegosCabecera,.seoExperienciaCompacta .seoExperienciaJuegosCabecera{grid-template-columns:1fr;gap:17px}.seoExperienciaJuegosCabecera h3 br{display:none}.seoExperienciaJuegos{gap:12px}.seoExperienciaJuegoTexto{padding:15px 13px}.seoExperienciaJuego h4{font-size:.98rem}.seoExperienciaJuegoTexto p{font-size:.75rem}.seoExperienciaPremios{gap:25px}.seoExperienciaPie{align-items:flex-start}.seoExperienciaBoton{padding:14px 16px;font-size:.79rem}.seoVisualLogro{padding:9px;left:9px;bottom:45px}.seoVisualFrase{font-size:.65rem;bottom:12px}.seoVisualEtiqueta{font-size:.52rem;left:16px}.seoVisualEscenario{min-height:270px}.seoVisualAvatares{inset:44px 20px 57px}}
@media(max-width:650px){.seoExperiencia{margin:48px auto}.seoExperienciaEntrada{text-align:left;margin-bottom:25px}.seoExperienciaEntrada h2{font-size:1.95rem}.seoExperienciaEntrada>p{font-size:.95rem}.seoExperienciaAvatar,.seoExperienciaCompacta .seoExperienciaAvatar{grid-template-columns:1fr;padding:24px 20px;gap:19px;border-radius:23px}.seoExperiencia h3{font-size:1.8rem}.seoExperienciaAvatarTexto>p{font-size:.9rem}.seoExperienciaAvatarTexto h3 br{display:none}.seoExperienciaAvatar .seoVisual{max-width:450px;justify-self:center}.seoVisualEscenario,.seoExperienciaCompacta .seoVisualEscenario{min-height:290px;max-height:none;aspect-ratio:1.13}.seoVisualAvatares{inset:47px 25px 53px}.seoVisualLogro{left:15px;bottom:48px}.seoVisualEtiqueta{font-size:.56rem}.seoVisualFrase{font-size:.69rem;bottom:15px}.seoExperienciaAventuras{padding:25px 18px;border-radius:23px}.seoExperienciaJuegos{grid-template-columns:1fr;gap:17px}.seoExperienciaJuegosCabecera>p{font-size:.85rem}.seoExperienciaJuego{border-radius:17px}.seoExperienciaCaptura>span{font-size:.53rem}.seoExperienciaJuegoTexto{padding:18px}.seoExperienciaJuego h4{font-size:1.2rem}.seoExperienciaJuegoTexto p{font-size:.85rem}.seoExperienciaJuegoTexto>strong{font-size:.73rem}.seoExperienciaMateria{font-size:.68rem}.seoExperienciaAventuras .seoExperienciaPausa{font-size:.72rem;text-align:left}.seoExperienciaPremios,.seoExperienciaCompacta .seoExperienciaPremios{grid-template-columns:1fr;padding:25px 20px;border-radius:23px;gap:22px}.seoExperienciaPremioTexto>p{font-size:.9rem}.seoExperienciaRegalo{max-width:390px;width:100%;justify-self:center;padding:22px}.seoExperienciaRegaloDibujo,.seoExperienciaCompacta .seoExperienciaRegaloDibujo{max-width:230px;margin:12px auto}.seoExperienciaPie{display:grid;gap:17px;padding-top:21px}.seoExperienciaBoton{justify-self:start;font-size:.85rem;padding:15px 22px}.seoExperienciaPie>p{font-size:.76rem}.seoExperienciaPaso{font-size:.62rem}.seoExperienciaCeja{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.seoExperiencia *,.seoVisual *{scroll-behavior:auto;transition:none!important}.seoExperienciaJuego:hover .seoExperienciaCaptura img{transform:none}}
@media(max-width:850px){.seoExperienciaJuegoDestacado{grid-template-columns:1.2fr 1fr}.seoExperienciaJuegoDestacado .seoExperienciaJuegoTexto{padding:19px}.seoExperienciaJuegoDestacado .seoExperienciaJuegoTexto p{font-size:.78rem}.seoExperienciaJuegoDestacado .seoExperienciaCaptura{aspect-ratio:auto;min-height:230px}.seoExperienciaJuegoDestacado .seoExperienciaCaptura img{object-fit:contain;background:#bce5b3}}
@media(max-width:650px){.seoExperienciaJuegoDestacado{display:block}.seoExperienciaJuegoDestacado .seoExperienciaCaptura{aspect-ratio:12/7;height:auto;min-height:0;border-right:0;border-bottom:1px solid #66597a}.seoExperienciaJuegoDestacado .seoExperienciaJuegoTexto{padding:21px 18px}.seoExperienciaJuegoDestacado h4{font-size:1.5rem}.seoExperienciaJuegoDestacado .seoExperienciaJuegoTexto p{font-size:.85rem}.seoExperienciaEnglish{font-size:.54rem;margin-bottom:14px}}
/* El encabezado y el pie son transparentes; las tarjetas conservan su paleta. */
.oscuro .seoExperienciaEntrada h2,.oscuro .seoExperienciaPie>p strong{color:#f3ecff}
.oscuro .seoExperienciaEntrada>p,.oscuro .seoExperienciaPie>p{color:#d5cde2}
.oscuro .seoExperienciaEntrada .seoExperienciaCeja{color:#c8b5ff}
.oscuro .seoVisualSelector legend,.oscuro .seoVisual>figcaption{color:#d7cfe9}
.oscuro .seoExperienciaAvatar .seoVisualSelector legend{color:#655681}
.oscuro .seoExperienciaAvatar .seoVisual>figcaption{color:#666077}
.oscuro .seoExperienciaEnlace{color:#5943a3}
.oscuro .seoExperienciaEnlace:hover{color:#392575}
.oscuro .seoExperienciaBoton,.oscuro .seoExperienciaBoton:hover{color:#fff}