:root{--forest:#0b322f;--forest2:#154e41;--teal:#d6f4df;--cream:#fff9ed;--orange:#ff9d32;--gold:#ffe18a;--ink:#23362e;--muted:#64766c;--shadow:0 22px 55px rgba(7,42,32,.17);--round:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-rounded,'Trebuchet MS',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#edfaee;color:var(--ink);line-height:1.48;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}::selection{background:#bef3ba;color:#163e31}
.jungle-backdrop{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 90% 9%,#d6f9fe 0,transparent 32%),radial-gradient(circle at 5% 80%,#c3efc6 0,transparent 36%),linear-gradient(155deg,#e9fce2,#f0fbf8 54%,#daf1ec)}.sky-dots{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.sky-dots i{position:absolute;display:block;border-radius:50%;width:15px;height:15px;background:#ffd87e;opacity:.75;animation:drift 8s infinite ease-in-out}.sky-dots i:nth-child(1){left:8%;top:13%;width:12px}.sky-dots i:nth-child(2){right:10%;top:24%;background:#ff9b68;animation-delay:2s}.sky-dots i:nth-child(3){left:4%;top:75%;background:#76ceaa;animation-delay:3s}.sky-dots i:nth-child(4){right:4%;bottom:17%;background:#99c2ff;animation-delay:1s}.sky-dots i:nth-child(5){left:56%;bottom:7%;width:9px;animation-delay:4s}@keyframes drift{50%{transform:translateY(-20px) rotate(15deg)}}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(1190px,calc(100% - 40px));margin:auto}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;color:var(--forest);font-size:.94rem;font-weight:950;letter-spacing:.06em}.brand strong{color:#d98235}.brand-emoji{font-size:1.9rem;filter:drop-shadow(0 4px 2px #63ad8177)}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #c9e8d8;background:#ffffffe0;padding:9px 13px;border-radius:999px;font-size:.79rem;font-weight:850;color:#496b5a}.pulse{width:8px;height:8px;border-radius:50%;background:#48b983;box-shadow:0 0 0 4px #d4f6e4}
.shell{width:min(1190px,calc(100% - 40px));margin:0 auto}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;padding:32px 0 75px}.visual-side{min-width:0;position:relative;animation:rise .7s both}.floating-top{text-align:center;letter-spacing:.19em;font-weight:900;font-size:.72rem;color:#588c70;margin:0 0 15px}.sparkle{color:#efa42d}.poster-frame{position:relative;overflow:hidden;border-radius:31px;border:9px solid white;box-shadow:0 33px 65px #0f4d3d35,0 4px 0 #bcdfc4;transform:rotate(-1.1deg);background:#b4eff0}.poster{width:100%;height:auto;aspect-ratio:1122/802;object-fit:cover}.poster-sheen{position:absolute;inset:0;background:linear-gradient(110deg,transparent 50%,#ffffff1a 60%,transparent 68%);pointer-events:none}.legend{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:24px}.legend span{border:1px solid #c8ead8;box-shadow:0 7px 16px #37674712;background:#ffffffd9;padding:8px 10px;border-radius:22px;color:#357858;font-size:.75rem;font-weight:800}
.action-side{animation:rise .7s .15s both}.eyebrow{font-weight:950;letter-spacing:.16em;font-size:.75rem;color:#3e9464}.tiny-dino{font-size:1.3rem;vertical-align:middle}.action-side h1{font-size:clamp(3rem,5vw,4.8rem);line-height:1.03;letter-spacing:-.07em;color:var(--forest);margin:14px 0 22px;font-weight:1000}.action-side h1 em,h1 em{font-style:normal;color:#ed9737}.description{font-size:1.13rem;color:#526c5f;margin:0 0 16px;max-width:500px}.description strong{color:#194a3c}.mini-meta{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.mini-meta span{font-weight:850;color:#386b59;font-size:.78rem;background:#def5e2;border:1px solid #c4ead0;border-radius:30px;padding:8px 12px}
.form-card,.thank-card,.list-card,.ticket-info{background:#ffffffee;border:1px solid #ffffff;box-shadow:var(--shadow);border-radius:var(--round)}.form-card{padding:clamp(22px,3.3vw,34px)}.form-head{display:flex;gap:14px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #edf2ed;margin-bottom:20px}.step{white-space:nowrap;border-radius:9px;background:#ddf4e6;padding:8px 10px;font-size:.67rem;font-weight:950;color:#277356;letter-spacing:.06em;margin-top:4px}.form-head h2{margin:0 0 3px;font-size:1.21rem;color:#163e32}.form-head p{margin:0;font-size:.82rem;color:#738279}form label:not(.choice){display:block;font-size:.83rem;font-weight:900;color:#285142;margin:17px 0 8px}form label small{font-weight:500;color:#778b82}input:not([type=radio]):not([type=hidden]),select{width:100%;padding:14px 15px;border:1px solid #d9e9df;border-radius:13px;background:#fbfffc;color:#153c32;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#42ae79!important;box-shadow:0 0 0 4px #75dfb333!important}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{cursor:pointer}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice>span{height:67px;border-radius:13px;border:2px solid #e0ebe2;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 7px;background:#fafcf8;transition:.18s;font-size:.77rem;text-align:center}.choice-icon{background:#c4e5d2;color:#177c52;border-radius:50%;display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;font-weight:950}.choice:has(input:checked)>span{border-color:#3da472;background:#e5f8e9;box-shadow:0 0 0 3px #d8f0df}.choice:has(input[value=no]:checked)>span{border-color:#ed8666;background:#fff0e8;box-shadow:0 0 0 3px #ffebe4}.choice:has(input[value=no]) .choice-icon{background:#ffe0d6;color:#c85535}.choice input:focus-visible+span{outline:3px solid #126b51;outline-offset:3px}.counter{display:flex;align-items:center;justify-content:space-between;border-radius:12px;padding:6px;border:1px solid #deede1;background:#f6fbf6}.counter button{width:47px;height:43px;border:0;border-radius:9px;color:#21664e;font-size:1.7rem;font-weight:700;background:#ddf2e3}.counter button:hover{background:#bde9ce}.counter output{font-size:1.35rem;font-weight:950;color:#214b39}.small-muted{font-size:.74rem;color:#73857a}.privacy{margin:18px 0 14px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-error{color:#ad3832!important;background:#ffede8;padding:10px 12px;border-radius:10px;font-size:.85rem}.btn{border:0;border-radius:13px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;justify-content:center;padding:13px 17px;font-size:.9rem;font-weight:950;min-height:49px;transition:transform .15s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:wait}.btn-primary{background:linear-gradient(120deg,#ffb44d,#ef802d);color:#412810;box-shadow:0 9px 19px #ea8d363f}.btn-secondary{background:#def3e8;color:#176748}.btn-tertiary{background:#f5f4ed;color:#51665c}.form-card .btn-primary{width:100%;justify-content:space-between}.footer-note{color:#7b9184;font-size:.73rem;line-height:1.6;margin-top:17px}.footer{max-width:1190px;min-height:86px;margin:0 auto;padding:25px 20px;border-top:1px solid #bde0cb;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#70927f;font-size:.72rem}.heart{color:#f18c4b}.footer span:last-child{overflow-wrap:anywhere}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.centered-page{min-height:calc(100vh - 185px);display:grid;place-items:center;padding:45px 0 70px}.thank-card{padding:clamp(27px,4vw,55px);text-align:center;max-width:600px;width:100%}.big-emoji{font-size:3rem;display:block;margin-bottom:14px}.thank-card h1{font-size:clamp(2rem,4vw,3.2rem);color:var(--forest);letter-spacing:-.055em;line-height:1.13;margin:17px 0}.thank-card p{color:#647b6b}.thank-card .btn{margin:7px 4px}.login-card form{text-align:left;margin-top:20px}.login-card form .btn{width:100%;margin:18px 0 0}.inline-edit{text-align:left;padding:20px;margin-top:17px;border:1px solid #dbeedd;background:#f9fffa;border-radius:15px}.inline-edit button{margin-top:17px!important}.inline-edit[hidden],#people-wrap[hidden],[hidden]{display:none!important}
.ticket-shell{padding:35px 0 80px}.ticket-banner{display:flex;align-items:center;gap:16px;background:#d9f6de;border:1px solid #afd9bd;padding:18px 22px;border-radius:18px;margin:0 0 24px}.success-mark{display:grid;place-items:center;border-radius:50%;background:#2d9969;width:48px;height:48px;flex-shrink:0;font-size:1.5rem;color:#fff}.ticket-banner strong{color:#20573f;font-size:1.1rem}.ticket-banner p{margin:4px 0 0;font-size:.85rem;color:#607d67}.ticket-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.ticket-art{overflow:hidden;border-radius:24px;border:7px solid white;box-shadow:var(--shadow);background:#cbf8de}.ticket-art img{width:100%;aspect-ratio:1122/802;object-fit:cover}.ticket-info{padding:clamp(22px,3vw,35px)}.ticket-info h1{font-size:clamp(2.25rem,3.5vw,3.4rem);line-height:1.07;letter-spacing:-.05em;color:var(--forest);margin:9px 0 15px;overflow-wrap:anywhere}.ticket-info>p{color:#5c7165}.detail-item{display:flex;gap:14px;padding:17px 0;border-top:1px dashed #d5e5d9}.detail-icon{font-size:1.5rem;flex:0 0 32px}.detail-item small{display:block;color:#859990;font-size:.67rem;letter-spacing:.09em;font-weight:950}.detail-item strong{display:block;font-size:1.01rem;color:#214735}.detail-item p{font-size:.82rem;color:#73857d;margin:4px 0}.map-link{display:inline-flex;gap:12px;margin-top:10px;font-weight:900;text-decoration:none;background:#e9f5eb;color:#216f50;padding:10px 13px;border-radius:11px}.map-link:hover{background:#cbe9d6}.ticket-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tiny{font-size:.72rem!important}
.admin-shell{padding:35px 0 80px}.admin-title{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:20px}.admin-title h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.06em;line-height:1.1;margin:10px 0;color:var(--forest)}.admin-title p{color:#688474;margin-top:0}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stat{padding:25px;background:#fff;border:1px solid #e4f0e7;border-radius:21px;box-shadow:0 9px 22px #123a3510}.stat span{display:block;font-size:.69rem;font-weight:900;color:#789585;letter-spacing:.04em}.stat strong{display:block;font-size:2.8rem;color:#154637;line-height:1.4}.stat small{color:#82978b}.list-card{overflow:hidden}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 15px;gap:12px}.list-heading h2{margin:0;color:#1b4c3a}.list-heading span{font-size:.75rem;color:#8a9b91}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:740px;font-size:.85rem}th{text-align:left;background:#f0f8f1;color:#537963;font-size:.69rem;letter-spacing:.05em;padding:13px 17px}td{border-top:1px solid #eaf1eb;padding:16px 17px;color:#556b5c}.status{display:inline-block;padding:6px 9px;border-radius:9px;font-size:.75rem;font-weight:900}.status.yes{color:#22805b;background:#ddf7e9}.status.no{color:#b45344;background:#ffeee5}.delete-btn{border:0;background:transparent;color:#b45e4e;text-decoration:underline}.empty{text-align:center;padding:45px}.admin-shell>.small-muted{margin-top:19px}
@media(max-width:900px){.home-grid,.ticket-grid{grid-template-columns:1fr}.home-grid{max-width:650px;padding-top:0;gap:29px}.visual-side{max-width:610px}.action-side{text-align:left}.action-side h1{font-size:clamp(2.8rem,7vw,4.1rem)}.ticket-art{max-width:620px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.shell,.topbar{width:calc(100% - 26px)}.topbar{height:66px}.brand{font-size:.79rem}.brand-emoji{font-size:1.4rem}.pill{font-size:.69rem;padding:7px 9px}.home-grid{padding:8px 0 55px;gap:30px}.poster-frame{border:6px solid white;border-radius:23px}.floating-top{font-size:.61rem;letter-spacing:.11em}.legend{gap:5px;margin-top:15px}.legend span{font-size:.65rem;padding:6px 8px}.action-side h1{font-size:2.9rem;margin-bottom:15px}.description{font-size:1rem}.form-card{padding:19px;border-radius:19px}.form-head{gap:9px}.step{font-size:.6rem;padding:7px}.form-head h2{font-size:1.08rem}.choice>span{font-size:.7rem;height:61px}.choice-icon{width:20px;height:20px}.ticket-info,.thank-card{padding:23px}.ticket-shell,.admin-shell{padding-top:14px}.ticket-buttons .btn{width:100%}.stats{gap:9px}.stat{padding:16px;border-radius:16px}.stat span{font-size:.58rem}.stat strong{font-size:2rem}.footer{font-size:.65rem}.admin-actions .btn{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.topbar,.footer,.ticket-banner,.ticket-buttons,.inline-edit,.privacy,.jungle-backdrop,.sky-dots{display:none!important}body{background:white}.ticket-grid{display:block}.ticket-art{box-shadow:none;margin:0 auto 15px;max-width:360px}.ticket-info{box-shadow:none;border:0}.ticket-shell{padding:0}.ticket-info{break-inside:avoid}}




/* Fecha visible en la invitación inicial */
.event-date-banner{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    margin:18px 0;
    padding:18px 16px;
    text-align:center;
    background:linear-gradient(135deg,#fff8e7,#e6ffe9);
    border:2px solid #b8dfb2;
    border-radius:20px;
    color:#194c39;
    box-shadow:0 8px 22px rgba(18,80,52,.10);
}

.event-date-label{
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
}

.event-date-banner strong{
    font-size:clamp(18px,4vw,24px);
    line-height:1.25;
    font-weight:900;
}

.event-date-time{
    font-size:16px;
    font-weight:800;
    color:#17648a;
}