:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}button:disabled{cursor:default}.skip{position:absolute;top:-80px;background:#fff;color:#111;padding:16px;z-index:9}.skip:focus{top:10px}.demo-ribbon{display:flex;justify-content:space-between;gap:20px;padding:14px 5%;font:11px monospace;border-bottom:1px solid currentColor}.demo-ribbon a{text-underline-offset:4px}.wrap{width:min(1180px,90%);margin-inline:auto}.eyebrow{font:12px monospace;letter-spacing:.12em;text-transform:uppercase}.gift-head{display:flex;justify-content:space-between;align-items:center;padding-block:28px}.gift-head strong{font-size:17px}.gift-head span{font:11px monospace}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-block:55px 90px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,6.2vw,86px);line-height:.92;letter-spacing:-.075em;margin-bottom:28px;font-weight:900}h2{font-size:clamp(34px,4.5vw,62px);letter-spacing:-.055em;line-height:1.03}p{line-height:1.65}.intro{font-size:19px;max-width:440px}.gift-button{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:52px;padding:14px 23px;border:1px solid currentColor;text-decoration:none;font-size:14px;font-weight:700;background:transparent;color:inherit}.hero .gift-button{margin-top:16px}.small{font-size:12px;line-height:1.7}.hero-art{position:relative;min-height:490px}.section{padding-block:85px;border-top:1px solid currentColor}.section-top{display:flex;align-items:start;justify-content:space-between;gap:40px}.section-top p{max-width:390px}.demo-footer{padding-block:30px;border-top:1px solid currentColor;display:flex;justify-content:space-between;gap:30px;font-size:12px}.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.deliverable-art{display:flex;gap:24px;align-items:center;justify-content:center;padding:40px;background:#ffffff0d}.deliverable-art img{display:block;width:52%;height:auto;box-shadow:0 20px 50px #0003}.deliverable-art img+img{width:30%;transform:rotate(7deg)}.download-links{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.demo-info{max-width:620px;opacity:.8}.gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gift-grid details{padding:26px;border:1px solid currentColor;min-height:175px}.gift-grid summary{font-size:24px;font-weight:700;min-height:60px}.gift-grid details p{margin:22px 0 0}.note-result{min-height:110px;max-width:520px;margin:auto;text-align:center;padding:25px 0}.note-result h3{font-size:25px;margin-bottom:12px}.reset{display:block;margin:20px auto 0;border:0;border-bottom:1px solid;background:none;color:inherit;padding:10px}.constellation{position:relative;min-height:340px}.star-map{width:100%;height:340px;position:absolute;inset:0;stroke:#7798ff;fill:none;stroke-width:1}.star-point{position:absolute;width:56px;height:56px;border:1px solid #9ab6ff;border-radius:50%;color:#eff4ff;background:#0b1a58;font-size:18px;box-shadow:0 0 40px #396bff55}.star-point[aria-pressed=true]{background:#e4ff83;color:#071342;border-color:#e4ff83;box-shadow:0 0 50px #e4ff8344}.star-point:nth-of-type(1){left:calc(18% - 28px);top:calc(65% - 28px)}.star-point:nth-of-type(2){left:calc(48% - 28px);top:calc(22% - 28px)}.star-point:nth-of-type(3){left:calc(82% - 28px);top:calc(52% - 28px)}
/* Nuestra órbita: astronomical lines and an electric-blue planet. */
.orbita{background:#071342;color:#f1f4ff}.orbita .demo-ribbon{color:#adc1ff;border-color:#31447e}.orbita .eyebrow{color:#dfff87}.orbita h1 em{font-style:normal;color:#dfff87}.orbita .gift-button{background:#dfff87;border-color:#dfff87;color:#071342}.orbita .hero-art{display:grid;place-items:center;overflow:hidden}.orbital-ring{position:absolute;inset:12% 2%;border:1px solid #90adff88;border-radius:50%;transform:rotate(-30deg)}.orbital-ring.two{inset:4% 15%;transform:rotate(35deg)}.planet{width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 28%,#b6e2ff 0,#477aff 22%,#1137bc 48%,#02082b 74%);box-shadow:inset -15px -20px 45px #0009,0 0 90px #2866ff4d;position:relative;animation:float 7s ease-in-out infinite}.planet:before{content:'';position:absolute;inset:22% -15%;border:2px solid #a9c5ff8f;border-radius:50%;transform:rotate(-28deg)}.orbit-spark{position:absolute;width:14px;height:14px;right:12%;top:16%;background:#e4ff83;border-radius:50%;box-shadow:0 0 35px #e4ff83}.orbit-coordinate{position:absolute;bottom:22px;left:20px;font:11px monospace;color:#a3b9fc}.orbit-caption{position:absolute;right:0;bottom:65px;font-size:42px;font-weight:900;letter-spacing:-.05em}.orbita .section,.orbita .demo-footer{border-color:#31447e}.orbita .gift-grid{margin-top:30px}.orbita .gift-grid details{border-color:#52649c}
/* Modo fiesta: oversized type, cut-paper bursts and bold stripes. */
.fiesta{background:#ffe94b;color:#21142b}.fiesta .demo-ribbon{background:#21142b;color:#fff}.fiesta h1{text-transform:uppercase;font-size:clamp(65px,8vw,118px)}.fiesta h1 em{font-style:normal;color:#ba1758}.fiesta .gift-button{background:#21142b;color:#fff;border-color:#21142b;box-shadow:5px 5px 0 #f28bb5}.fiesta .hero-art{display:grid;place-items:center}.party-burst{position:absolute;width:96%;aspect-ratio:1;background:#f58bb8;clip-path:polygon(50% 0,59% 15%,75% 7%,77% 26%,96% 25%,88% 42%,100% 50%,86% 60%,94% 78%,75% 77%,74% 96%,58% 87%,50% 100%,40% 86%,22% 94%,24% 75%,5% 76%,14% 58%,0 50%,15% 40%,7% 23%,26% 25%,25% 5%,42% 14%);animation:turn 35s linear infinite}.party-number{position:relative;font-weight:900;font-size:clamp(170px,24vw,330px);line-height:1;letter-spacing:-.09em;transform:rotate(-8deg);text-shadow:7px 7px 0 #fff5}.party-sticker{position:absolute;bottom:12%;right:0;background:#fff;padding:18px 26px;border:2px solid #21142b;transform:rotate(-9deg);font-size:20px;font-weight:900}.fiesta .section{border-color:#21142b}.fiesta .gift-grid details{background:#fff8ec;box-shadow:5px 5px 0 #21142b}.fiesta .gift-grid details:nth-child(2){background:#ffc7df}.fiesta .gift-grid details:nth-child(3){background:#c2d7ff}.cake-box{text-align:center;background:#bb195b;color:#fff5e9;padding:55px 30px;position:relative;overflow:hidden}.cake{width:190px;height:115px;background:repeating-linear-gradient(0deg,#ffc7df 0 20px,#fff3d0 20px 38px);border-radius:15px 15px 0 0;margin:70px auto 25px;position:relative;border-bottom:8px solid #482048}.candle{position:absolute;top:-48px;width:12px;height:48px;background:repeating-linear-gradient(45deg,#fff 0 6px,#6c91ff 6px 12px)}.candle.one{left:40px}.candle.two{left:88px}.candle.three{right:40px}.candle:before{content:'';position:absolute;width:16px;height:25px;border-radius:60% 40% 55% 45%;background:#ffe94b;top:-27px;left:-2px;box-shadow:0 0 22px #ffe94b;animation:flicker 1.4s ease-in-out infinite}.blown .candle:before{opacity:0;animation:none}.cake-box .gift-button{background:#ffe94b;color:#21142b;box-shadow:none}.wish-result{font-size:22px;min-height:40px;font-weight:700;margin-top:25px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:20px;background:#ffe94b;animation:confetti 2.2s ease-in forwards}.confetti i:nth-child(3n){background:#8aafff}.confetti i:nth-child(3n+1){background:#ffc2dd}.confetti i:nth-child(6n+1){left:10%;animation-delay:.1s}.confetti i:nth-child(6n+2){left:25%;animation-delay:.3s}.confetti i:nth-child(6n+3){left:42%;animation-delay:.05s}.confetti i:nth-child(6n+4){left:60%;animation-delay:.5s}.confetti i:nth-child(6n+5){left:78%;animation-delay:.2s}.confetti i:nth-child(6n){left:92%;animation-delay:.4s}
/* Club de dos: pink/red Y2K, checkerboard edges and graphic stickers. */
.club{background:#ffd8e8;color:#a51c39}.club .demo-ribbon{background:#a51c39;color:#fff5f9}.club .gift-head{border-bottom:2px solid #a51c39}.club h1{font-size:clamp(76px,9vw,128px);text-transform:lowercase;letter-spacing:-.09em}.club h1 em{font-style:normal;-webkit-text-stroke:2px #a51c39;color:transparent}.club .hero-art{overflow:hidden;background:repeating-conic-gradient(#f3afca 0 25%,#ffd8e8 0 50%) 0/48px 48px;border:2px solid #a51c39;min-height:490px}.club .gift-button{background:#a51c39;color:#fff1f6}.club-ticket{position:absolute;inset:65px 30px;background:#fff9e8;border:2px solid #a51c39;box-shadow:9px 9px 0 #a51c39;transform:rotate(-8deg);padding:28px;display:flex;flex-direction:column;justify-content:space-between}.club-ticket span{font:12px monospace;letter-spacing:.08em}.club-ticket strong{font-size:68px;letter-spacing:-.075em;line-height:.9}.club-ticket p{font-size:14px;border-top:2px dashed #a51c39;margin-bottom:0;padding-top:16px}.club-star{position:absolute;right:7px;top:16px;background:#cefd97;color:#a51c39;border:2px solid #a51c39;border-radius:50%;width:105px;height:105px;display:grid;place-items:center;transform:rotate(14deg);font-size:54px}.club-sticker{position:absolute;bottom:22px;right:-5px;background:#a51c39;color:#ffd8e8;padding:15px 20px;transform:rotate(7deg);font-weight:900;font-size:22px}.club .section,.club .demo-footer{border-width:2px}.club .gift-grid details{background:#fff9e8;box-shadow:5px 5px 0 #a51c39;border-width:2px}.club .gift-grid details:nth-child(2){background:#d1f4a7;transform:rotate(2deg)}.club .gift-grid details:nth-child(3){background:#e4ddff;transform:rotate(-2deg)}.club .gift-grid summary{font-size:26px;letter-spacing:-.05em}.membership{margin-top:40px;padding:35px;border:2px dashed #a51c39;display:flex;align-items:center;justify-content:space-between;gap:30px}.membership strong{font-size:35px;letter-spacing:-.05em}.club .deliverable-art{background:#f3afca}.club .eyebrow{letter-spacing:.06em}
@keyframes float{50%{transform:translateY(-14px)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes flicker{50%{transform:scale(.9) rotate(5deg)}}@keyframes confetti{to{transform:translateY(650px) rotate(600deg);opacity:0}}
@media(max-width:760px){.demo-ribbon{font-size:10px;padding-block:12px;gap:15px}.gift-head{padding-block:23px}.hero{grid-template-columns:1fr;gap:30px;padding-block:35px 55px;min-height:auto}h1{font-size:clamp(64px,15vw,95px)}.hero-art,.club .hero-art{min-height:390px}.hero-art{width:min(100%,470px);margin-inline:auto}.intro{font-size:17px}.section{padding-block:55px}.section-top{display:block}.deliverables{grid-template-columns:1fr;gap:25px}.gift-grid{grid-template-columns:1fr;gap:22px}.gift-grid details{min-height:125px}.gift-grid summary{min-height:45px}.fiesta h1{font-size:clamp(64px,15.5vw,110px)}.party-number{font-size:260px}.club h1{font-size:clamp(77px,19vw,118px)}.club-ticket{inset:50px 25px;padding:25px}.club-ticket strong{font-size:62px}.club-star{width:85px;height:85px;font-size:46px}.orbit-caption{font-size:35px;bottom:30px}.membership{display:block;padding:25px}.membership strong{display:block;margin-bottom:20px}.demo-footer{flex-direction:column;gap:10px}.deliverable-art{padding:25px;gap:15px}.cake-box{padding:40px 20px}.section-top .eyebrow{margin-bottom:14px}}
@media(max-width:360px){.hero-art,.club .hero-art{min-height:330px}.party-number{font-size:220px}.club-ticket{inset:40px 20px}.club-ticket strong{font-size:51px}.club-sticker{font-size:18px}.gift-head span{max-width:105px;text-align:right}.download-links .gift-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}

@media(max-width:760px){.orbita h1{font-size:clamp(51px,13.5vw,72px)}}
