/* Composición de niveles a partir de la referencia del propietario. */
.levels-showcase{position:relative;isolation:isolate;overflow:hidden;padding:64px 0 0;color:#fff;background:radial-gradient(ellipse at 50% 42%,#e73b4d 0%,#cd1a32 52%,#a80f29 100%)}
.levels-showcase__scene{position:relative;width:min(1500px,calc(100% - 112px));height:clamp(770px,55vw,870px);margin-inline:auto}
.levels-showcase__intro{position:relative;z-index:5;width:44%;padding-top:6px;pointer-events:none}
.levels-showcase__intro .eyebrow{color:#fff0b3;font-size:12px;letter-spacing:.1em;margin-bottom:22px}
.levels-showcase__intro .eyebrow>span{background:var(--yellow)}
.levels-showcase__intro h2{font-size:clamp(44px,4.2vw,65px);line-height:1.04;letter-spacing:-.055em;color:#fff;margin:0 0 22px}
.levels-showcase__intro h2 em{font-style:normal;color:#ffdf59}
.levels-showcase__intro>p{font-size:17px;line-height:1.65;max-width:540px;color:#fff;margin:0}
.levels-showcase__halo{position:absolute;z-index:0;left:32%;top:11%;width:39%;aspect-ratio:1;border:1px solid #ffffff22;border-radius:50%;background:radial-gradient(circle at 44% 33%,#ffbfa52a,transparent 65%);box-shadow:inset 0 0 0 26px #ffffff05,0 0 0 60px #ffffff03}
.levels-showcase__orbits{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.journey-orbit-dot{filter:drop-shadow(0 0 8px #ffedc0);animation:journey-dot-glow 4s ease-in-out infinite;animation-play-state:paused}
.journey-orbit-dot--two{animation-delay:-1s}.journey-orbit-dot--three{animation-delay:-2s}
.levels-showcase__person{position:absolute;z-index:3;top:4%;left:20%;width:66%;pointer-events:none;transform:translate3d(var(--levels-pan-x,0px),var(--levels-pan-y,0px),0);transition:transform .35s ease-out}
.levels-showcase__person img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 25px #7b0a2530);animation:journey-student-float 8s ease-in-out infinite;animation-play-state:paused}
.levels-showcase__cards{position:absolute;inset:0;z-index:4;pointer-events:none}
.journey-card{--card-tilt:0deg;--card-color:#ffdd61;--card-ink:#997127;position:absolute;display:block;width:32%;padding:62px 12px 12px;border:3px solid #ffffff85;border-radius:48px;background:linear-gradient(145deg,#fff3a4,var(--card-color) 68%);color:#152c35;box-shadow:0 18px 32px #6c092522,inset 0 2px 4px #fff9;pointer-events:auto;transform:rotate(var(--card-tilt));animation:journey-card-float 7s ease-in-out infinite;animation-play-state:paused;transition:box-shadow .3s}
.journey-card:hover{box-shadow:0 24px 44px #6c09253d,inset 0 2px 4px #fff9}
.journey-card:focus-visible{outline:4px solid #fff;outline-offset:8px}
.journey-card--inicial{left:0;top:44%;width:35%;--card-tilt:6deg;animation-delay:-1.5s}
.journey-card--primaria{right:0;top:7%;--card-tilt:-6deg;--card-color:#ffc6bf;--card-ink:#c52b41;background:linear-gradient(145deg,#ffe3dc,#ffc6bf);animation-duration:8s}
.journey-card--secundaria{right:-1%;top:57%;--card-tilt:-3deg;--card-color:#bce0e1;--card-ink:#39737b;background:linear-gradient(145deg,#e4f5f4,#bce0e1);animation-delay:-3s}
.journey-card__badge{position:absolute;left:18px;top:-54px;z-index:2;width:108px;height:108px;display:grid;place-items:center;border:3px solid #fff9;border-radius:50%;color:var(--card-ink);background:linear-gradient(145deg,#fff7cf,var(--card-color));box-shadow:0 7px 0 #8d5a1c12,0 10px 18px #8d5a1c18}
.journey-card--primaria .journey-card__badge{background:linear-gradient(145deg,#ffe5df,#ffc6bf)}
.journey-card--secundaria .journey-card__badge{background:linear-gradient(145deg,#efffff,#bce0e1)}
.journey-card__badge .icon{width:61px;height:61px;stroke-width:1.4}
.journey-card__note{position:absolute;top:25px;right:38px;font-size:22px;font-weight:700;letter-spacing:.09em;color:var(--card-ink)}
.journey-card--secundaria .journey-card__note{font-size:13px;top:30px}
.journey-card__panel{position:relative;background:linear-gradient(145deg,#fff,#fffaf5);border-radius:56px 56px 33px 33px;padding:28px 27px 23px;box-shadow:0 7px 12px #8c5d3410}
.journey-card--secundaria .journey-card__panel{background:linear-gradient(145deg,#fff,#f5fbfb)}
.journey-card__eyebrow{display:block;font-size:10px;font-weight:800;line-height:1.5;letter-spacing:.035em;text-transform:uppercase;color:#566a73;margin-bottom:10px}
.journey-card h3{font-size:clamp(27px,2.3vw,37px);line-height:1.1;letter-spacing:-.04em;margin:0 0 14px;color:#142c36}
.journey-card p{font-size:15px;line-height:1.6;color:#596c74;margin:0 0 22px}
.journey-card__action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:13px 21px;background:#fff;border-radius:40px;font-size:12px;font-weight:800;color:#152b35;box-shadow:0 8px 17px #59493914}
.journey-card__action .icon{width:22px;height:22px;transition:transform .3s}
.journey-card:hover .journey-card__action .icon{transform:translateX(4px)}
.levels-showcase[data-motion="running"] .journey-card,.levels-showcase[data-motion="running"] .levels-showcase__person img,.levels-showcase[data-motion="running"] .journey-orbit-dot{animation-play-state:running}
@keyframes journey-card-float{0%,100%{transform:translate3d(0,5px,0) rotate(var(--card-tilt))}50%{transform:translate3d(0,-6px,0) rotate(calc(var(--card-tilt) + 1deg))}}
@keyframes journey-student-float{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes journey-dot-glow{0%,100%{opacity:.65}50%{opacity:1}}
@media(min-width:1700px){.levels-showcase__scene{height:870px}}
@media(min-width:1021px) and (max-width:1399px){
 .levels-showcase__scene{width:calc(100% - 80px);height:900px}
 .levels-showcase__intro{width:48%}.levels-showcase__intro h2{font-size:47px}.levels-showcase__intro>p{font-size:15px}
 .journey-card{width:33%;padding-top:54px;border-radius:36px}.journey-card--inicial{width:35%;top:46%}.journey-card--primaria{top:11%}.journey-card--secundaria{top:60%}
 .journey-card__badge{width:88px;height:88px;top:-44px}.journey-card__badge .icon{width:49px;height:49px}.journey-card__panel{padding:25px 20px 20px;border-radius:38px 38px 26px 26px}.journey-card p{font-size:13px}.journey-card__eyebrow{font-size:9px}.journey-card__action{padding-inline:15px;font-size:11px}
 .levels-showcase__person{top:12%;left:16%;width:72%}
}
@media(max-width:1020px){
 .levels-showcase{padding:48px 0 52px}.levels-showcase__scene{width:min(720px,calc(100% - 56px));height:auto;display:flex;flex-direction:column}
 .levels-showcase__intro{width:100%;max-width:620px}.levels-showcase__intro h2{font-size:clamp(37px,6vw,54px);line-height:1.08}.levels-showcase__intro h2 br{display:none}.levels-showcase__intro>p{font-size:15px}.levels-showcase__intro .eyebrow{font-size:10px;margin-bottom:18px}
 .levels-showcase__person{position:relative;top:auto;left:auto;align-self:center;width:min(100%,400px);height:340px;margin:22px 0 25px;overflow:hidden;mask-image:linear-gradient(#000 82%,transparent)}
 .levels-showcase__person img{position:relative;top:0;width:100%;height:auto}
 .levels-showcase__halo{top:160px;left:15%;width:70%;box-shadow:inset 0 0 0 20px #ffffff05,0 0 0 25px #ffffff03}
 .levels-showcase__orbits{top:130px;height:450px;opacity:.7}
 .levels-showcase__cards{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:70px;margin-top:22px;padding-inline:8px}
 .journey-card,.journey-card--inicial,.journey-card--primaria,.journey-card--secundaria{position:relative;left:auto;right:auto;top:auto;width:100%;--card-tilt:0deg;padding:53px 10px 10px;border-radius:33px}
 .journey-card__badge{width:86px;height:86px;top:-43px;left:19px}.journey-card__badge .icon{width:49px;height:49px}.journey-card__panel{padding:26px 25px 22px;border-radius:36px 36px 24px 24px}.journey-card h3{font-size:30px}.journey-card p{font-size:15px}.journey-card__eyebrow{font-size:10px}.journey-card__note{font-size:19px;top:20px;right:26px}.journey-card--secundaria .journey-card__note{top:24px}.journey-card__action{font-size:12px}
}
@media(min-width:761px) and (max-width:1020px){
 .levels-showcase__person{height:400px;width:340px}.levels-showcase__cards{grid-template-columns:1fr 1fr;gap:70px 22px;padding:0}.journey-card--secundaria{grid-column:1/-1;max-width:440px;justify-self:center}.journey-card__panel{padding-inline:19px}.journey-card p{font-size:14px}
}
@media(max-width:380px){.levels-showcase__scene{width:calc(100% - 36px)}.levels-showcase__intro h2{font-size:35px}.levels-showcase__intro>p{font-size:14px}.levels-showcase__intro .eyebrow{font-size:8px}.levels-showcase__person{height:290px;width:100%}.journey-card__panel{padding-inline:19px}.journey-card h3{font-size:28px}.journey-card p{font-size:14px}.journey-card__eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.levels-showcase .journey-card,.levels-showcase .levels-showcase__person img,.levels-showcase .journey-orbit-dot{animation:none}.levels-showcase__person{transform:none;transition:none}}