.amazon-intro-visible{overflow:hidden}
.amazon-intro{position:fixed;inset:0;z-index:80;overflow:auto;color:#f5efd9;background:#061a14;isolation:isolate}
.amazon-intro[hidden]{display:none}
.amazon-intro::before{content:"";position:absolute;inset:0;min-height:100%;z-index:-2;background:linear-gradient(180deg,#03150ee8 0%,#073b2680 42%,#031810ed 100%),url('./cards/evento-especial.webp') center/cover;filter:saturate(.8)}
.amazon-intro::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#b4ce6930,transparent 56%),linear-gradient(105deg,transparent 30%,#e4ca7110 45%,transparent 60%);box-shadow:inset 0 0 150px #0008}
.intro-shell{min-height:100svh;max-width:1440px;margin:auto;padding:24px 42px;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}
.intro-top{align-self:stretch;display:flex;justify-content:space-between;align-items:center;color:#d0dcc1;font-size:10px;letter-spacing:2px;text-transform:uppercase}
.intro-top a{color:inherit;text-decoration:none;padding:10px 0}
.intro-top a:hover{color:#ffda90}
.intro-heading{margin:22px 0 0;position:relative;z-index:2}
.intro-eyebrow{color:#e6c783;font-size:10px;letter-spacing:5px;text-transform:uppercase;margin:0 0 9px}
#intro-title{font:clamp(52px,8vw,104px)/1 var(--display);letter-spacing:.07em;color:#f6e6b9;margin:0;text-shadow:0 4px 35px #0008}
.intro-subtitle{display:flex;align-items:center;justify-content:center;gap:18px;color:#d3c49b;letter-spacing:4px;font-size:11px;margin:17px 0 0;text-transform:uppercase}
.intro-subtitle::before,.intro-subtitle::after{content:"";height:1px;width:52px;background:linear-gradient(90deg,transparent,#dec68c)}
.intro-subtitle::after{transform:rotate(180deg)}
.intro-mascots{width:min(850px,85vw);margin:0;position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:230px}
.intro-mascots::before{content:"";position:absolute;width:55%;aspect-ratio:1;border:1px solid #dbd48c28;border-radius:50%;box-shadow:0 0 0 18px #c9d18706,0 0 0 19px #c9d18715,0 0 80px #b8d57515;background:radial-gradient(circle,#e0e69f18,transparent 65%)}
.intro-mascots img{position:relative;display:block;width:100%;height:auto;max-height:46svh;object-fit:contain;filter:drop-shadow(0 16px 25px #0008);animation:intro-arrive 1s ease both}
.intro-welcome{position:relative;z-index:2;max-width:660px;margin:-8px 0 0}
.intro-welcome h2{font:clamp(22px,3vw,30px)/1.2 var(--display);color:#f2e8ca;margin:0 0 10px}
.intro-welcome p{font-size:13px;line-height:1.7;color:#c2d0bb;margin:0 auto 20px;max-width:500px}
.intro-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.intro-actions button{min-height:48px;padding:14px 23px;border-radius:5px;font:600 12px var(--body);letter-spacing:.3px;cursor:pointer;border:1px solid #c9dbab55;background:#143629b3;color:#e9efdb;transition:background .2s,transform .2s}
.intro-actions button:hover{background:#24533d;transform:translateY(-2px)}
.intro-actions .intro-primary{background:linear-gradient(120deg,#f2d59b,#d6ad64);border-color:#f2d59b;color:#16281a;box-shadow:0 5px 30px #d7b16f25}
.intro-actions .intro-primary:hover{background:#ffe2a8}
.intro-actions button:disabled{opacity:.5;cursor:wait;transform:none}
.intro-actions button[hidden]{display:none}
.intro-actions button:focus-visible,.intro-top a:focus-visible{outline:2px solid #fff0bb;outline-offset:5px}
.intro-help{border:0;background:none;color:#e3cd94;font:500 11px var(--body);padding:12px 20px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;margin-top:4px}
.intro-footer{font-size:9px;letter-spacing:.8px;color:#a9bba0;margin:6px 0 0;line-height:1.6}
.intro-welcome .amazon-copyright{font-size:10px;line-height:1.6;color:#b8c6ad;max-width:620px;margin:14px auto 0}
body>footer{flex-wrap:wrap}
footer .amazon-copyright{flex-basis:100%;font-size:10px;line-height:1.6;color:#a9bba0;margin:10px 0 0;text-align:center;letter-spacing:.2px}
.amazon-copyright a{color:#e6c783;text-decoration:underline;text-underline-offset:3px}.amazon-copyright a:focus-visible{outline:2px solid #e6c783;outline-offset:3px}
.intro-fireflies{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.intro-fireflies i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe09e;box-shadow:0 0 13px 4px #e7cd7040;left:var(--x);top:var(--y);animation:intro-glow 5s var(--delay) ease-in-out infinite alternate}
@keyframes intro-glow{from{opacity:.15;transform:translateY(0)}to{opacity:.8;transform:translate(12px,-22px)}}
@keyframes intro-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px) and (min-height:850px){.intro-heading{margin-top:30px}.intro-mascots img{max-height:45svh}.intro-welcome{margin-bottom:8px}}
@media(max-width:600px){.intro-shell{padding:18px 20px 23px}.intro-top{font-size:8px;letter-spacing:1px}.intro-top span{max-width:120px;text-align:right;line-height:1.6}.intro-heading{margin-top:36px}.intro-eyebrow{font-size:8px;letter-spacing:3px}#intro-title{font-size:clamp(40px,12vw,68px)}.intro-subtitle{font-size:8px;letter-spacing:2.5px;gap:10px}.intro-subtitle::before,.intro-subtitle::after{width:25px}.intro-mascots{width:100%;min-height:210px;margin:12px 0}.intro-mascots img{max-height:39svh;width:110%;max-width:110%}.intro-welcome{margin:0}.intro-welcome p{font-size:12px;margin-bottom:18px}.intro-actions{gap:8px}.intro-actions button{width:100%;min-height:46px}.intro-footer{font-size:8px;max-width:260px;margin:8px auto 0}}
@media(max-height:640px) and (min-width:601px){.intro-shell{padding:14px 30px}.intro-heading{margin-top:8px}#intro-title{font-size:58px}.intro-mascots{min-height:150px}.intro-mascots img{max-height:35svh}.intro-welcome h2{font-size:22px}.intro-welcome p{margin-bottom:10px}.intro-subtitle{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.intro-mascots img,.intro-fireflies i{animation:none}.intro-actions button{transition:none}}