@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&family=Pacifico&display=swap');
:root{--gold:#f7b900;--deep:#4a210b;--brown:#6b3210;--cream:#fff8e8;--ink:#3c220f;--yellow:#ffd84a;--green:#35a66f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:#fff7e6;color:var(--ink);overflow-x:hidden}button,a{font:inherit}.hidden{display:none!important}
/* JUEGO */
.game-screen{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#fff6a6 0,#ffd74c 28%,#efa51b 65%,#c76b12 100%);color:#40200b;isolation:isolate}.game-screen:after{content:"";position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(#e6a01d,#a94d12);z-index:-1;clip-path:polygon(0 35%,10% 25%,20% 40%,30% 22%,40% 40%,50% 20%,60% 38%,70% 25%,80% 40%,90% 22%,100% 35%,100% 100%,0 100%)}.sun-glow{position:absolute;width:55vmin;height:55vmin;border-radius:50%;background:#fff5a4;filter:blur(2px);opacity:.75;left:50%;top:9%;transform:translateX(-50%);z-index:-1}.cloud{position:absolute;font-size:70px;opacity:.65;animation:cloud 18s linear infinite}.cloud-a{left:-10%;top:12%}.cloud-b{right:-10%;top:27%;animation-delay:-9s}.flower-field{position:absolute;bottom:2%;left:0;right:0;display:flex;justify-content:space-around;font-size:30px;z-index:1}.game-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:0;right:0;padding:0 18px;display:flex;justify-content:space-between;align-items:center;z-index:10}.brand-pill,.score{background:#fff9e8cc;border:2px solid #fff2a6;box-shadow:0 8px 24px #75400633;border-radius:999px;padding:9px 14px;font-weight:800}.score{font-size:25px;color:#6b2b08}.score small{font-size:13px}.game-content{min-height:100svh;display:flex;align-items:center;justify-content:center;gap:20px;padding:90px 5vw 90px;position:relative}.game-copy{width:min(390px,38vw);z-index:5}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.2em}.game-copy h1{font-family:'Playfair Display',serif;font-size:clamp(42px,5vw,72px);line-height:.92;margin:10px 0 18px}.game-copy h1 em{font-family:Pacifico,cursive;color:#fff7d2;text-shadow:0 4px 0 #b85e0d,0 7px 20px #70350755;font-style:normal}.game-copy p{font-size:17px;line-height:1.5;max-width:330px}.progress{height:10px;background:#7a3c0c55;border-radius:20px;overflow:hidden;margin:22px 0 12px;border:1px solid #fff0a0}.progress span{display:block;width:0;height:100%;background:#fff9c2;border-radius:inherit;transition:.35s}.tip{font-size:13px;font-weight:700;background:#fff7dcaa;padding:10px 12px;border-radius:12px;display:inline-block}.play-area{position:relative;width:min(680px,58vw);height:min(680px,72vh);border-radius:42px;background:radial-gradient(circle at 50% 50%,#fff5a01a,transparent 62%);overflow:hidden;border:1px solid #fff5a055}.bee{position:absolute;width:70px;height:70px;border:0;background:transparent;cursor:pointer;z-index:7;font-size:48px;filter:drop-shadow(0 9px 8px #63300b55);transition:filter .15s;will-change:left,top,transform;animation:wingBuzz .18s ease-in-out infinite alternate}.bee:hover{filter:drop-shadow(0 12px 12px #63300b66) brightness(1.12);transform:scale(1.18) rotate(-8deg)!important}.bee:active{transform:scale(.9)!important}.bee.caught{animation:caught .55s forwards!important}.bee.gold{font-size:55px}.bee-trail{position:absolute;border-top:2px dashed #fff7a0aa;width:80px;transform:rotate(-18deg);pointer-events:none}.honey-pot{position:absolute;right:25px;bottom:20px;z-index:8;background:#fff6d9e8;border-radius:25px;padding:8px 13px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 20px #69320733;font-size:28px}.honey-pot b{font-size:12px}.game-message{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:#4d250ee8;color:#fff8d4;border-radius:999px;padding:10px 17px;font-size:13px;font-weight:700;z-index:9;white-space:nowrap}.celebration{position:fixed;inset:0;z-index:100;background:radial-gradient(circle,#fff6a5 0,#ffc928 35%,#a9500b 100%);display:grid;place-items:center;overflow:hidden}.celebrate-card{position:relative;width:min(470px,88vw);text-align:center;background:#fff9e9f2;border:3px solid #ffd348;border-radius:34px;padding:42px 26px;box-shadow:0 30px 80px #57240766;z-index:4;animation:pop .7s}.celebrate-card h2{font-family:'Playfair Display';font-size:42px;margin:8px 0;color:#63300e}.celebrate-card p{line-height:1.6}.celebrate-bee{position:absolute;font-size:100px;z-index:5;top:17%;animation:beeDance 2s ease-in-out infinite}.stars{color:#d98a00;font-size:24px}.gold-btn,.scroll-btn{border:0;background:linear-gradient(135deg,#fff0a0,#e5a400);color:#552500;font-weight:900;border-radius:999px;padding:15px 23px;box-shadow:0 10px 30px #6e350655;cursor:pointer}.burst-ring{position:absolute;width:10px;height:10px;border:2px dotted #fff8b0;border-radius:50%;animation:burst 1.5s infinite}
@keyframes wingBuzz{from{margin-top:-2px}to{margin-top:2px}}
/* INVITACIÓN */
.invitation{background:var(--cream)}.hero{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;color:white;background:#321406}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#8c4b13,#321406 65%)}.hero-photo{position:absolute;inset:7% 9%;border-radius:38px;overflow:hidden;box-shadow:0 30px 100px #0008;border:2px solid #eec75a55}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(1.05)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1d0a00aa 0%,transparent 35%,#170700dd 100%)}.hero-content{position:relative;text-align:center;padding:30px 20px;max-width:600px;text-shadow:0 3px 20px #0008}.mini-badge{display:inline-block;border:1px solid #ffe59a88;background:#4a200888;border-radius:999px;padding:9px 14px;font-size:10px;letter-spacing:.18em}.script-small{font-family:Pacifico;font-size:28px;margin:30px 0 0}.hero h1{font-family:Pacifico;color:#ffd24a;font-size:clamp(62px,12vw,110px);margin:0 0 5px;text-shadow:0 5px 0 #6a3100,0 0 30px #ffc62e55}.one{display:flex;align-items:center;justify-content:center;gap:12px}.one span{font-family:'Playfair Display';font-size:90px;line-height:.8;color:#fff0a1}.one small{font-family:Pacifico;font-size:25px;color:#ffd45b}.hero-text{font-size:16px;line-height:1.5;max-width:410px;margin:25px auto}.scroll-btn{margin-top:8px}.section{padding:90px 20px;max-width:980px;margin:auto;text-align:center}.section h2{font-family:'Playfair Display';font-size:clamp(30px,5vw,46px);margin:10px 0 12px;color:#63300e}.script-title{font-family:Pacifico;color:#c5790b;font-size:30px;line-height:1.35;margin:0}.bee-line{font-size:22px;margin-bottom:20px;color:#d9980c}.kicker{color:#a6640a}.message-card{margin:35px auto 0;max-width:520px;padding:28px;border-radius:25px;background:white;box-shadow:0 15px 45px #6b310b14;border:1px solid #f1d48a}.message-card span{display:grid;place-items:center;margin:-45px auto 15px;width:55px;height:55px;background:#ffd23f;border-radius:50%;font-size:23px}.message-card p{line-height:1.6}.countdown-section{background:#fff0b7;max-width:none}.count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:800px;margin:35px auto}.count-grid div{background:#fffaf0;border:1px solid #edca62;border-radius:22px;padding:22px 10px;box-shadow:0 12px 25px #75420a12}.count-grid b{display:block;font-family:'Playfair Display';font-size:42px;color:#a65a06}.count-grid small{font-size:10px;font-weight:800;letter-spacing:.15em}.honey-note{font-size:13px;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:35px}.detail-grid article{background:white;border-radius:25px;padding:28px 18px;box-shadow:0 12px 35px #66340d12;border:1px solid #f0d68d}.detail-grid span{font-size:30px;display:block;margin-bottom:10px}.detail-grid b,.detail-grid small{display:block}.detail-grid b{font-size:14px;color:#8d4c06}.detail-grid small{margin-top:7px;color:#806b58}.gallery{background:#fffdf7}.gallery-box{position:relative;max-width:650px;margin:35px auto 15px;border-radius:30px;overflow:hidden;aspect-ratio:4/5;background:#ead8b0}.gallery-box img{width:100%;height:100%;object-fit:cover;display:block}.gallery-box button{position:absolute;top:50%;transform:translateY(-50%);border:0;width:45px;height:45px;border-radius:50%;background:#fff8e9dd;color:#6b320a;font-size:38px;line-height:1;cursor:pointer;box-shadow:0 8px 20px #0002}.gallery-box #prev{left:12px}.gallery-box #next{right:12px}.dots{display:flex;justify-content:center;gap:7px}.dots span{width:9px;height:9px;border-radius:50%;background:#e2c16a}.dots span.active{background:#b66b0b;transform:scale(1.3)}.music-section{background:#5b2a0d;color:#fff5db;max-width:none}.music-section h2{color:#ffe18a}.music-section .kicker{color:#ffd465}.music-disc{width:110px;height:110px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f9d455 0 8%,#6b310b 9% 28%,#d69b25 29% 32%,#40200d 33%);font-size:35px;box-shadow:0 15px 30px #0004}.music-disc.playing{animation:spin 2s linear infinite}.music-section p{max-width:550px;margin:15px auto 25px;line-height:1.6}.music-btn{border:1px solid #ffe08a;background:#f7c43c;color:#542500;border-radius:999px;padding:14px 20px;font-weight:900;cursor:pointer}.map-card{max-width:700px;margin:35px auto 0;border-radius:28px;overflow:hidden;background:white;box-shadow:0 15px 40px #6a350d14}.map-art{height:230px;position:relative;background:linear-gradient(135deg,#dcefc7,#f7edb5);overflow:hidden}.road{position:absolute;background:#fff;border:8px solid #d5bf8b;border-radius:50px;transform:rotate(25deg)}.r1{width:130%;height:30px;left:-20%;top:35%}.r2{width:90%;height:24px;right:-20%;top:65%;transform:rotate(-20deg)}.r3{width:20px;height:120%;left:50%;top:-10%;transform:rotate(18deg)}.pin{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:60px;filter:drop-shadow(0 8px 5px #0003)}.address{padding:22px;display:grid;gap:7px;text-align:left}.address b{font-size:18px}.address span{color:#786657}.address a{justify-self:start;margin-top:8px;background:#ffd143;color:#5d2d08;text-decoration:none;font-weight:900;border-radius:999px;padding:10px 15px}.rsvp{background:#fff0b3;max-width:none}.rsvp-bees{font-size:30px;margin-bottom:12px}.rsvp p{line-height:1.6}.wa-btn{display:inline-block;margin-top:15px;text-decoration:none;background:#25a65a;color:white;border-radius:999px;padding:16px 22px;font-weight:900;box-shadow:0 12px 25px #267d461f}.thanks{padding:100px 20px;text-align:center;background:radial-gradient(circle at 50% 20%,#8b4a14,#341506);color:#fff4ce}.thanks h2{font-family:Pacifico;font-size:70px;color:#ffd452;margin:10px 0}.thanks p{max-width:450px;margin:auto;line-height:1.7}.thanks-bees{font-size:25px}.love{margin-top:30px;border:1px solid #e8bf57;border-radius:999px;display:inline-block;padding:11px 18px;color:#ffd969}.music-float{position:fixed;right:18px;bottom:18px;z-index:50;width:52px;height:52px;border-radius:50%;display:none;place-items:center;background:#ffd33e;color:#5a2a08;box-shadow:0 10px 25px #0003;cursor:pointer;font-size:24px}
@keyframes caught{to{transform:scale(0) rotate(45deg);opacity:0}}@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes beeDance{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-25px) rotate(7deg)}}@keyframes cloud{to{transform:translateX(120vw)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes burst{to{width:90vmax;height:90vmax;opacity:0}}@media(max-width:800px){.game-content{display:block;padding:100px 18px 75px}.game-copy{width:auto;text-align:center}.game-copy p{margin:10px auto}.play-area{width:100%;height:53vh;margin-top:12px;border-radius:28px}.bee{font-size:42px;width:58px;height:58px}.bee.gold{font-size:48px}.honey-pot{right:12px;bottom:10px}.game-message{bottom:9px;font-size:11px}.flower-field{font-size:22px}.hero-photo{inset:0;border-radius:0;border:0}.hero-content{padding-top:90px}.count-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.section{padding:72px 18px}.music-float{display:grid}}
@media(max-width:430px){.brand-pill{font-size:9px;padding:8px 10px}.score{font-size:20px}.game-copy h1{font-size:45px}.game-copy p{font-size:14px}.play-area{height:48vh}.celebrate-card{padding:35px 18px}.celebrate-card h2{font-size:34px}.hero h1{font-size:70px}.one span{font-size:75px}.script-small{font-size:23px}.hero-text{font-size:14px}}
/* EXPERIENCIA INTERACTIVA PREMIUM */
.topbar{position:fixed;top:0;left:0;right:0;height:62px;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#3a190bd9;backdrop-filter:blur(12px);color:#fff5d6;border-bottom:1px solid #ffd75a44}.topbar-title{font-weight:900;font-size:13px;letter-spacing:.08em}.icon-btn{width:42px;height:42px;border:1px solid #ffd45a66;border-radius:50%;background:#6b310dbb;color:#ffe083;font-size:20px;cursor:pointer}.side-menu{position:fixed;top:0;left:0;bottom:0;width:min(310px,82vw);z-index:80;background:linear-gradient(180deg,#4c210b,#1e0b03);padding:82px 18px 25px;transform:translateX(-105%);transition:.45s;box-shadow:20px 0 60px #0007}.side-menu.open{transform:translateX(0)}.side-menu button{display:block;width:100%;border:0;background:#fff0b50e;color:#fff5d6;text-align:left;padding:14px 16px;margin:7px 0;border-radius:15px;font-weight:800;cursor:pointer}.side-menu button:hover{background:#ffd44722}.menu-backdrop{position:fixed;inset:0;z-index:70;background:#0008;opacity:0;pointer-events:none;transition:.35s}.menu-backdrop.open{opacity:1;pointer-events:auto}.magic-btn,.mini-action{border:1px solid #e6b73c;background:#fff8df;color:#6b3509;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer;margin-top:18px;transition:.25s}.magic-btn:hover,.mini-action:hover{transform:translateY(-3px) scale(1.02)}.message-card.active{animation:cardGlow .8s}.countdown-section.flash{animation:sectionFlash .8s}.gallery-box.shake{animation:photoDance 1s}.music-hint{font-size:12px;opacity:.7;margin-top:12px}.honey-click{font-size:54px;display:inline-block;cursor:pointer;animation:honeyFloat 2s ease-in-out infinite}.honey-click.burst{animation:honeyPop .7s}.sparkle-particle{position:fixed;z-index:200;pointer-events:none;font-size:20px;animation:particleOut .9s ease-out forwards}.hero,.section,.thanks{scroll-margin-top:70px}@keyframes cardGlow{50%{transform:scale(1.025);box-shadow:0 0 45px #f5b70088}}@keyframes sectionFlash{50%{box-shadow:inset 0 0 100px #ffd44766}}@keyframes photoDance{25%{transform:rotate(-2deg) scale(1.02)}75%{transform:rotate(2deg) scale(1.02)}}@keyframes honeyFloat{50%{transform:translateY(-8px) rotate(5deg)}}@keyframes honeyPop{50%{transform:scale(1.4) rotate(15deg)}}@keyframes particleOut{to{transform:translate(var(--x),var(--y)) rotate(360deg) scale(.2);opacity:0}}@media(max-width:600px){.topbar-title{font-size:10px}.topbar{height:56px}.hero-content{padding-top:105px}.section{scroll-margin-top:58px}}