:root{color-scheme:dark;--bg:#150e26;--panel:#1d1430;--line:#3d3152;--white:#fbf6ff;--soft:#c8bdd8;--lime:#d7ff3a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:1rem/1.55 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.22em}a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}p,figure{margin:0}h1,h2,h3{line-height:1.04;margin:0}h1,h2{letter-spacing:-.065em}h1{font-size:clamp(3.25rem,7.1vw,7rem);font-weight:900}h1 em{font-style:normal;color:var(--lime)}h2{font-size:clamp(2.5rem,5.4vw,4.7rem);max-width:17ch}h3{font-size:1.45rem;letter-spacing:-.035em}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.cabecera,.pie{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:86px}.cabecera{border-bottom:1px solid var(--line)}.marca{display:inline-flex;align-items:center;font-size:2.1rem;font-weight:900;letter-spacing:-.085em;line-height:1}.marca img{width:34px;height:34px;border-radius:9px;margin-right:8px}.marca span{color:var(--lime)}nav{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--soft);font-size:.9rem}.tienda,.boton{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:100px;padding:9px 18px;font-weight:750}.tienda{border:1px solid var(--line);white-space:nowrap}.boton{background:var(--lime);color:#17121e;padding:12px 22px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:center;min-height:610px;padding-block:55px}.etiqueta{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:var(--lime);margin-bottom:20px}.etiqueta span{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:6px}.intro{color:var(--soft);font-size:clamp(1rem,2vw,1.23rem);max-width:48ch;margin-top:24px}.acciones{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:30px;font-weight:700}.escena{isolation:isolate;position:relative;display:grid;place-items:center;min-height:485px;background:radial-gradient(ellipse at center,#6535ab 0%,#382051 40%,transparent 72%)}.orbita{position:absolute;z-index:-1;inset:20% 2%;border:1px solid #9572c3;border-radius:50%;transform:rotate(-27deg)}.movil{width:min(230px,65%);aspect-ratio:9/16;position:relative;overflow:hidden;transform:rotate(8deg);background:#372354;border:6px solid #21172e;border-radius:29px;box-shadow:0 0 0 1px #8f70a4,0 18px 54px #090414b0}.movil img{width:100%;height:100%;object-fit:cover}.movil:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,#0c0616 95%)}.movil strong,.muestra,.barra{position:absolute;z-index:1}.movil strong{bottom:12%;left:8%;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.04;letter-spacing:-.045em}.muestra{top:6%;left:8%;font-size:.58rem;letter-spacing:.1em;background:#150e26;padding:5px 8px;border-radius:30px}.barra{bottom:5%;left:8%;width:84%;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--lime) 45%,#ffffff60 45%)}.sello{position:absolute;font-size:.69rem;letter-spacing:.09em;font-weight:850;padding:9px 13px;border-radius:50px;white-space:nowrap}.uno{background:var(--lime);color:#17121e;top:24%;left:0;transform:rotate(-8deg)}.dos{background:#ff78bd;color:#231125;bottom:18%;right:0;transform:rotate(7deg)}.franja{background:var(--panel);border-block:1px solid var(--line)}.bloque{padding-block:clamp(55px,8vw,110px)}.pasos,.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:34px 0 0;padding:0;list-style:none}.pasos li{border-top:1px solid #675682;padding-top:19px}.pasos li>span{color:var(--lime);font-weight:800;font-size:.8rem;display:block;margin-bottom:20px}.pasos p,details p{color:var(--soft);margin-top:12px;max-width:37ch}.galeria figure{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#382550}.galeria img{width:100%;height:100%;object-fit:cover}.galeria figcaption{position:absolute;bottom:12px;left:12px;background:#150e26;color:var(--white);border-radius:50px;padding:5px 12px;font-size:.85rem;font-weight:750}.ayuda{display:grid;grid-template-columns:1fr 1fr;gap:35px 70px}.ayuda .boton{margin-top:22px}details{border-bottom:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-weight:750}.pie{padding-block:20px}
@media(max-width:820px){.wrap{width:calc(100% - 42px)}.cabecera nav{display:none}.hero{grid-template-columns:1fr;gap:14px;padding-block:48px 22px}.escena{width:min(100%,480px);margin:auto;min-height:410px}.movil{width:min(190px,60%)}}
@media(max-width:550px){.pasos,.ayuda{grid-template-columns:1fr}.galeria{gap:8px}.galeria figure{aspect-ratio:3/4}.galeria figcaption{left:5px;bottom:5px;padding:3px 7px}.pie{align-items:flex-start;flex-direction:column}.sello{font-size:.57rem;padding:7px 9px}.escena{min-height:380px}}