/* Scalable editorial components: borders, corners and emblems are CSS geometry, not stretched raster art. */
:root{--accent:#b42342;--ivory:#f2e8e0}
body{overflow-x:hidden}
.ornate-frame{--frame-color:#a31938;position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--frame-color),transparent 32%);border-radius:18px;background:linear-gradient(135deg,#ffffff0b,#ffffff02 48%,#ffffff07),#201920;box-shadow:inset 0 0 0 5px #110f14,0 22px 65px #0007}
.ornate-frame:before,.ornate-frame:after{content:"";position:absolute;pointer-events:none;z-index:3;width:30px;height:30px;border-color:var(--frame-color);opacity:.85}.ornate-frame:before{left:10px;top:10px;border-left:2px solid;border-top:2px solid;border-top-left-radius:8px}.ornate-frame:after{right:10px;bottom:10px;border-right:2px solid;border-bottom:2px solid;border-bottom-right-radius:8px}.ornate-frame--ivory{--frame-color:var(--ivory)}.ornate-frame--ruby{--frame-color:#bd2947}
.gw-badge{--badge-color:#d24a60;display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--badge-color),transparent 45%);background:color-mix(in srgb,var(--badge-color),transparent 88%);color:var(--badge-color);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.15;white-space:nowrap}.gw-badge:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor,transparent 80%)}.gw-badge--ivory{--badge-color:var(--ivory)}.gw-badge--soft{--badge-color:#d9c9d0}.gw-badge--solid{background:#a32345;color:#fff;border-color:#d95675}.gw-badge--solid:before{content:"●";font-size:7px}
.hero-koa{position:absolute;right:3%;bottom:20px;width:min(30vw,355px);filter:drop-shadow(0 18px 26px #0009);animation:koa-float 5s ease-in-out infinite;z-index:1;pointer-events:none}.hero-koa img{width:100%;height:auto}.hero-koa .gw-badge{position:absolute;right:4%;top:2%;animation:badge-pulse 3.5s ease-in-out infinite}.hero-inner{z-index:2}.hero h1,.hero p{max-width:640px}.hero-koa:before{content:"";position:absolute;inset:25% 15%;z-index:-1;border-radius:50%;background:#d32958;filter:blur(50px);opacity:.2}
.proof-card{position:relative}.proof-marker{position:absolute;right:-16px;top:48px;z-index:4;transform:rotate(5deg)}.proof-note{position:absolute;left:-20px;bottom:60px;z-index:4;display:flex;align-items:center;gap:10px;background:#211620e8;padding:8px 15px 8px 5px;border:1px solid #b75472;border-radius:50px;box-shadow:0 12px 25px #0008;color:#fff;font-size:12px;font-weight:700}.proof-note img{width:42px;height:42px;object-fit:contain}
.mascot-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.mascot-ribbon-item{min-height:116px;display:flex;align-items:center;gap:10px;padding:12px 14px;overflow:hidden}.mascot-ribbon-item img{width:84px;height:84px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 10px #0008)}.mascot-ribbon-item strong{font-size:14px;line-height:1.15}.mascot-ribbon-item span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.25}
.feature{transition:transform .3s,border-color .3s,box-shadow .3s}.feature:hover{transform:translateY(-7px);border-color:#df668450;box-shadow:0 18px 40px #0006}.feature-art{position:relative;overflow:hidden}.feature-art>img:first-child{transition:transform .7s ease}.feature:hover .feature-art>img:first-child{transform:scale(1.055)}.feature-art .mascot{position:absolute;right:2%;bottom:-2%;height:105px;width:105px;object-fit:contain;filter:drop-shadow(0 10px 10px #000b);transition:transform .4s}.feature:hover .mascot{transform:translateY(-7px) rotate(5deg)}.feature-art .gw-badge{position:absolute;top:15px;left:15px;box-shadow:0 6px 18px #0008}.feature-body{position:relative}
.world-scene{position:relative;min-height:430px;overflow:hidden;display:flex;align-items:center;margin:8px auto 96px}.world-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#160f19fa 0%,#160f19d5 35%,#160f1940 78%),url('/assets/escenas/elegir-serie.webp') center/cover}.world-scene-content{position:relative;z-index:2;padding:65px;max-width:520px}.world-scene h2{font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.05em;margin:18px 0 12px}.world-scene p{color:#eadce0;line-height:1.55}.world-koa{position:absolute;right:3%;bottom:-28px;width:min(26vw,260px);z-index:2;filter:drop-shadow(0 12px 16px #000b);animation:koa-float 5.5s ease-in-out infinite}.world-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.inside-visual .gw-badge{position:absolute;top:-15px;right:-12px;z-index:2;transform:rotate(4deg)}.inside-visual .hotel-koa{position:absolute;right:-26px;bottom:-33px;width:130px;filter:drop-shadow(0 12px 12px #000c);animation:koa-float 6s ease-in-out infinite}
.progression{padding:80px 0 115px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.progression-copy h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;line-height:1.06;margin:15px 0}.progression-copy p{color:var(--muted);font-size:17px;line-height:1.6;max-width:450px}.progression-visual{min-height:335px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 65% 45%,#6a213955,transparent 65%),#201920}.progression-top{display:flex;align-items:center;gap:12px}.progression-top img{width:64px;height:64px;object-fit:contain}.progression-top strong{font-size:17px}.progression-top small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.badge-stack{position:relative;display:flex;flex-wrap:wrap;gap:8px;max-width:280px;z-index:2}.progression-visual>.koa-victory{position:absolute;width:215px;right:5px;bottom:-25px;filter:drop-shadow(0 15px 16px #000b);animation:koa-float 5s ease-in-out infinite}
.step{position:relative;overflow:hidden;min-height:235px;transition:transform .3s,border-color .3s}.step:hover{transform:translateY(-5px);border-color:#d7647d75}.step p{position:relative;z-index:1;max-width:73%}.step .step-koa{position:absolute;width:115px;height:115px;object-fit:contain;right:-8px;bottom:-6px;filter:drop-shadow(0 8px 10px #0008)}.step-index{position:relative;z-index:1}
.final-koa{width:150px;height:150px;object-fit:contain;margin:-30px auto 10px;filter:drop-shadow(0 10px 15px #0008);animation:koa-float 5s ease-in-out infinite}.button:focus-visible,.nav a:focus-visible,.footer a:focus-visible{outline:3px solid #f49caf;outline-offset:4px}
.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:none}.motion-ready .reveal:nth-child(2){transition-delay:.08s}.motion-ready .reveal:nth-child(3){transition-delay:.16s}
@keyframes koa-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-11px) rotate(1deg)}}@keyframes badge-pulse{0%,100%{box-shadow:0 0 0 0 #e56e8a55}50%{box-shadow:0 0 0 10px #e56e8a00}}
@media(max-width:1000px){.hero-koa{opacity:.75;right:-5%;width:300px}.hero h1,.hero p{max-width:590px}.mascot-ribbon{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero-koa{width:240px;right:-50px;bottom:2px;opacity:.62}.hero-koa .gw-badge{display:none}.feature-art>img:first-child{height:100%;min-height:185px}.feature-art .mascot{width:85px;height:85px}.world-scene{min-height:370px;margin-bottom:70px}.world-scene-content{padding:38px}.world-koa{width:165px;right:-15px}.progression{grid-template-columns:1fr;gap:24px;padding:50px 0 80px}.inside-visual .hotel-koa{right:-8px}}
@media(max-width:520px){.hero-koa{width:150px;right:-30px;bottom:0;opacity:.5}.proof-marker,.proof-note{display:none}.mascot-ribbon{grid-template-columns:1fr 1fr;gap:8px}.mascot-ribbon-item{padding:8px;min-height:93px}.mascot-ribbon-item img{width:58px;height:58px}.mascot-ribbon-item strong{font-size:12px}.mascot-ribbon-item span{font-size:10px}.feature-art>img:first-child{height:200px}.world-scene-content{padding:30px 24px 120px}.world-koa{width:140px;right:0;bottom:-25px}.world-chip-row{max-width:250px}.progression-visual{min-height:310px;padding:24px}.progression-visual>.koa-victory{width:165px;right:-22px}.badge-stack{max-width:225px}.gw-badge{font-size:9px}.step p{max-width:75%}}
@media(prefers-reduced-motion:reduce){.hero-koa,.world-koa,.inside-visual .hotel-koa,.progression-visual>.koa-victory,.final-koa,.hero-koa .gw-badge{animation:none!important}.motion-ready .reveal{opacity:1;transform:none;transition:none}.feature,.step,.feature-art>img:first-child,.feature-art .mascot{transition:none}}