:root{--rf-green:#429559;--rf-green-dark:#327645;--rf-green-soft:#c3d7cf;--rf-black:#212121;--rf-black-soft:#2b2c2b;--rf-white:#fff;--rf-gray-bg:#f5f5f5;--rf-gray-border:#d8d8d8;--rf-danger:#e31818;--rf-warning:#a76f0a;--rf-text:#181818;--rf-shadow:0 4px 12px rgba(0,0,0,.24);--rf-radius:20px;--rf-header-h:112px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--rf-text);background:var(--rf-white);line-height:1.55}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--rf-white);color:var(--rf-text);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:10px;top:10px;z-index:9999;transform:translateY(-160%);background:#fff;color:#000;padding:10px 14px;border:2px solid var(--rf-green)}.skip-link:focus{transform:none}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.reading-width{max-width:900px}.center{text-align:center;margin-top:28px}
.site-header{position:sticky;top:0;z-index:1000}.header-topline,.header-greenline{height:18px;background:var(--rf-green);box-shadow:0 2px 0 rgba(0,0,0,.3)}.header-main{background:var(--rf-black);color:#fff}.header-inner{width:min(1400px,calc(100% - 40px));height:94px;margin:auto;display:flex;align-items:center;justify-content:flex-end;position:relative}.site-logo{position:absolute;left:0;top:-24px;width:190px;height:142px;z-index:3;filter:drop-shadow(0 8px 8px rgba(0,0,0,.28))}.site-logo img{width:100%;height:100%;object-fit:contain}.primary-nav{height:100%;display:flex;align-items:stretch}.primary-nav>a,.nav-dropdown>button{display:flex;align-items:center;padding:0 28px;border:0;border-left:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}.primary-nav>a:hover,.primary-nav>a:focus-visible,.nav-dropdown>button:hover,.nav-dropdown>button:focus-visible{background:#2c2c2c;outline:2px solid var(--rf-green);outline-offset:-2px}.nav-dropdown{position:relative;display:flex}.nav-dropdown-panel{position:absolute;right:0;top:calc(100% + 10px);min-width:320px;padding:12px;background:var(--rf-black);border:2px solid var(--rf-green);border-radius:0 0 20px 20px;box-shadow:var(--rf-shadow);display:none}.nav-dropdown.open .nav-dropdown-panel{display:block}.nav-dropdown-panel a{display:flex;gap:10px;align-items:center;padding:14px 12px;color:#fff;text-decoration:none;border-radius:10px;font-weight:800}.nav-dropdown-panel a:hover{background:#333}.nav-dot{width:9px;height:9px;border-radius:50%;background:var(--rf-green);box-shadow:0 0 0 4px rgba(66,149,89,.15)}.nav-empty{display:block;padding:12px;color:#bbb}.menu-toggle{display:none;background:transparent;border:0;padding:12px}.menu-toggle span:not(.sr-only){display:block;width:30px;height:3px;background:#fff;margin:5px;border-radius:2px}
.section-band{padding:16px 20px;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.3)}.section-band h1,.section-band h2{margin:0;font-size:clamp(2rem,4.2vw,4.4rem);line-height:1.1;text-transform:uppercase;letter-spacing:.2em;font-weight:900}.section-band-green{background:var(--rf-green);color:#fff}.section-band-black{background:var(--rf-black);color:#fff}.section-band h1,.section-band h2{text-shadow:0 4px 3px rgba(0,0,0,.55)}
.home-hero{min-height:520px;position:relative;background-image:var(--hero);background-size:cover;background-position:center;display:grid;place-items:center;color:#fff}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.56)}.hero-content{position:relative;text-align:center;padding:60px 24px;max-width:1000px}.hero-kicker{font-weight:900;letter-spacing:.35em;font-size:1.1rem}.hero-content h2{font-size:clamp(2.3rem,5vw,5.4rem);line-height:1.05;letter-spacing:.08em;margin:18px 0;text-shadow:0 5px 6px rgba(0,0,0,.6)}.hero-content p:not(.hero-kicker){font-size:clamp(1rem,2vw,1.45rem);font-weight:700;letter-spacing:.05em}.content-section{padding:62px 0;background:#fff}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;border-radius:12px;border:2px solid transparent;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:.18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.18)}.button:focus-visible{outline:3px solid #168cff;outline-offset:3px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-green{background:var(--rf-green);color:#fff;border-color:var(--rf-green-dark)}.button-green:hover{background:var(--rf-green-dark)}.button-black{background:var(--rf-black);color:#fff}.button-outline{background:#fff;color:var(--rf-green-dark);border-color:var(--rf-green)}.button-text{background:transparent;color:var(--rf-black);padding-inline:10px}.button-large{min-height:58px;font-size:1.05rem}.button-lucky{background:#fff;color:var(--rf-black);border-color:var(--rf-green);min-width:280px}
.raffle-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px}.raffle-card-grid.compact{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.raffle-card{background:#fff;border:2px solid var(--rf-black);border-radius:24px;overflow:hidden;box-shadow:var(--rf-shadow);display:flex;flex-direction:column}.raffle-card:nth-child(odd){border-color:var(--rf-green)}.raffle-card-image{display:block;aspect-ratio:16/10;overflow:hidden}.raffle-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.raffle-card-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.raffle-card h3{font-size:1.5rem;margin:0;text-transform:uppercase;letter-spacing:.12em;text-align:center}.raffle-card p{margin:0 0 8px;color:#444;text-align:center}.raffle-card-actions{display:grid;gap:10px;margin-top:auto}.status-pill{display:inline-flex;align-self:center;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:var(--rf-green-soft);color:#194529}.status-upcoming{background:#eee;color:#555}.status-apartado,.status-reserved{background:#e9e3d4;color:#6e500b}.status-pagado,.status-paid{background:#d6eadc;color:#1b5930}.status-liberado{background:#eee;color:#555}.empty-state{padding:40px;border:2px dashed var(--rf-gray-border);border-radius:20px;text-align:center;background:var(--rf-gray-bg)}
.faq-list{display:grid;gap:14px}.faq-item{border-bottom:2px solid var(--rf-gray-border);padding:8px 0}.faq-item summary{list-style:none;cursor:pointer;color:var(--rf-green);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:1.15rem;padding:14px 40px 14px 0;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:8px;font-size:1.6rem;top:8px}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 0 20px;font-size:1.05rem}.faq-page article{padding:26px 0;border-bottom:2px solid #eee}.faq-page h2{color:var(--rf-green);letter-spacing:.12em;text-transform:uppercase;font-size:1.5rem}.contact-strip{padding:52px 0;text-align:center}.social-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px}.social-row a{font-weight:900;border:2px solid var(--rf-black);border-radius:12px;padding:10px 18px;text-decoration:none}.site-footer{text-align:center}.footer-green{background:var(--rf-green);color:#fff;padding:26px;display:flex;flex-direction:column;gap:4px}.footer-green strong{font-size:1.5rem;letter-spacing:.15em}.footer-dark{background:var(--rf-black);color:#fff;padding:28px}.footer-dark nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:15px}.footer-dark a{font-weight:800}
.raffle-title-band{background:var(--rf-black);color:#fff;text-align:center;padding:28px 20px}.raffle-title-band h1{margin:0;font-size:clamp(2.1rem,4.5vw,4.2rem);letter-spacing:.04em;text-transform:uppercase}.raffle-title-band p{font-size:1.8rem;margin:0;font-weight:800}.raffle-showcase{text-align:center;padding:8px 20px 28px}.down-hint{font-weight:900;font-size:clamp(1.2rem,2.5vw,2rem);margin:0 auto 12px}.down-hint span{color:var(--rf-green);font-size:1.5em}.raffle-main-image{width:min(900px,100%);max-height:620px;object-fit:cover;border:5px solid var(--rf-green);border-radius:18px;margin:auto;box-shadow:var(--rf-shadow)}.package-band{background:var(--rf-black);color:#fff;padding:30px 0;text-align:center}.package-band h2{letter-spacing:.15em}.package-lines{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.package-lines a{color:#fff;text-decoration:none;font-weight:900;padding:10px 16px;border:1px solid #777;border-radius:10px}.progress-card{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--rf-green);border-radius:20px;overflow:hidden;margin-bottom:42px}.progress-card div{padding:20px;text-align:center}.progress-card div+div{border-left:1px solid var(--rf-green)}.progress-card strong{display:block;font-size:2rem}.progress-card span{font-weight:800;color:#555}.raffle-copy h2{color:var(--rf-green);text-align:center;letter-spacing:.14em;margin-top:45px}.rich-copy{max-width:850px;margin:auto;text-align:center;white-space:normal;font-size:1.08rem}.cta-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:44px}
.ticket-title-band{background:var(--rf-black);color:#fff;display:flex;align-items:center;justify-content:center;gap:45px;padding:22px}.ticket-title-band>span{font-size:4rem}.ticket-title-band h1,.ticket-title-band h2{margin:0;text-align:center;line-height:1.05}.ticket-title-band h1{font-size:clamp(1.8rem,4vw,3.5rem)}.ticket-title-band h2{font-size:clamp(2rem,4vw,3.8rem)}.ticket-workspace{padding:34px max(10px,3vw) 80px}.ticket-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto;max-width:520px}.control-label{color:var(--rf-danger);font-weight:900;text-align:center;margin:16px 0 0}.ticket-controls select,.ticket-controls input{width:min(100%,360px);height:48px;border:2px solid var(--rf-green);border-radius:12px;padding:0 18px;text-align:center;font-weight:800;background:#fff}.filter-actions{display:flex;gap:8px}.status-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.status-filters button{border:1px solid var(--rf-gray-border);background:#fff;padding:8px 13px;border-radius:999px;font-weight:800}.status-filters button.active{background:var(--rf-black);color:#fff;border-color:var(--rf-black)}.ticket-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:28px 0}.ticket-legend span{display:flex;align-items:center;gap:8px;font-weight:700}.ticket-legend i{width:28px;height:24px;border-radius:4px;border:1px solid var(--rf-green)}.legend-available{background:#fff}.legend-selected{background:var(--rf-green)}.legend-reserved{background:#d8d0bd}.legend-paid{background:var(--rf-black)}.ticket-results-meta{display:flex;justify-content:space-between;gap:12px;font-weight:800;margin:0 auto 12px;max-width:1500px}.ticket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;max-width:1500px;margin:auto}.ticket-button{height:34px;border:1px solid var(--rf-green);background:#fff;color:#111;border-radius:4px;font-size:.78rem;font-weight:900;padding:2px}.ticket-button.selected{background:var(--rf-green);color:#fff}.ticket-button.reserved{background:#d8d0bd;border-color:#b39d66;color:#574718}.ticket-button.paid{background:var(--rf-black);border-color:var(--rf-black);color:#fff}.ticket-button.winner{background:#fff;border:3px solid var(--rf-danger);color:var(--rf-danger)}.ticket-button:disabled{cursor:not-allowed;opacity:.75}.grid-loading{text-align:center;font-weight:900;padding:25px}.load-more{display:flex;margin:25px auto}.reservation-panel{position:static;bottom:auto;z-index:50;max-width:1000px;margin:38px auto 0;background:#fff;border:3px solid var(--rf-green);border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(0,0,0,.3)}.reservation-panel h2{margin:0 0 8px;text-align:center}.reservation-panel>p{text-align:center;margin:6px}.reservation-total{text-align:center;font-size:1.2rem;margin:12px}.buyer-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.buyer-fields label{font-weight:800;font-size:.85rem}.buyer-fields input{display:block;width:100%;height:44px;border:1px solid #999;border-radius:9px;padding:8px}.legal-checks{display:grid;gap:5px;margin:14px 0;font-size:.85rem}.reservation-panel>.button{width:100%}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8)}.lucky-card{position:relative;width:min(560px,100%);background:#fff;padding:62px 34px 34px;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.55);display:grid;gap:18px}.modal-close{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:var(--rf-danger);color:#fff;font-size:2rem}.lucky-options{display:grid;grid-template-columns:150px 1fr;gap:15px;align-items:center;border:2px solid var(--rf-green);border-radius:20px;padding:14px}.lucky-options label{font-weight:900;text-align:center}.lucky-options select{height:46px}.lucky-output{min-height:250px;border:2px solid var(--rf-green);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.lucky-numbers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lucky-numbers span{font-size:1.3rem;color:var(--rf-green);font-weight:900;border:1px solid var(--rf-green);padding:7px;border-radius:7px}.form-message{min-height:1.4em;text-align:center;color:var(--rf-danger);font-weight:700}
.payment-logo{padding:35px;display:grid;place-items:center}.payment-title{background:#000;color:#fff;text-align:center;padding:6px}.payment-title h1{margin:0;font-size:1.8rem}.payment-content{text-align:center}.down-arrow{color:var(--rf-green);font-size:2.5rem}.payment-intro{font-size:1.25rem;font-weight:700;max-width:800px;margin:0 auto 30px}.bank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.bank-card{text-align:left;border:3px solid var(--rf-green);padding:22px;border-radius:16px}.bank-card h2{text-align:center}.bank-card dl{margin:0}.bank-card dl div{border-top:1px dashed #ccc;padding:10px 0}.bank-card dt{font-weight:900;color:var(--rf-green-dark)}.bank-card dd{margin:4px 0;display:flex;justify-content:space-between;gap:10px;word-break:break-all}.bank-card button{border:1px solid var(--rf-green);background:#fff;border-radius:6px;font-weight:800}.payment-note{margin-top:30px}.contact-hero{background:linear-gradient(rgba(0,0,0,.64),rgba(0,0,0,.64)),url('../img/showroom-rifas-los-cabos-hero.webp?v=20260718') center/cover;color:#fff;padding:100px 0;text-align:center}.contact-hero h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:.2em}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:35px}.contact-cards a,.contact-cards .empty-state{background:#fff;color:#111;border:2px solid var(--rf-green);border-radius:18px;padding:22px;text-decoration:none;display:flex;flex-direction:column}.verify-wrap{max-width:850px}.verify-form{border:2px solid var(--rf-green);padding:24px;border-radius:20px}.verify-form label{font-weight:900}.verify-form>div{display:flex;margin-top:10px}.verify-form input{flex:1;border:1px solid #888;border-radius:10px 0 0 10px;padding:12px}.verify-form button{border-radius:0 10px 10px 0}.verify-results{display:grid;gap:14px;margin-top:20px}.verify-results article{border:1px solid var(--rf-gray-border);border-left:8px solid var(--rf-green);padding:20px;border-radius:12px}.legal-page{max-width:900px;white-space:pre-line;font-size:1.05rem}.reservation-page{max-width:1000px}.reservation-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--rf-green);padding-bottom:16px}.reservation-header div{display:flex;flex-direction:column}.reservation-header strong{font-size:1.8rem}.reservation-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.reservation-columns section{border:1px solid #ddd;border-radius:18px;padding:24px}.reserved-tickets{display:flex;flex-wrap:wrap;gap:8px}.reserved-tickets span{border:1px solid var(--rf-green);padding:7px 10px;border-radius:6px;font-weight:900}.reserved-tickets.opportunities span{border-color:var(--rf-black)}.reservation-columns input[type=file]{display:block;width:100%;margin:10px 0}.winner-card{text-align:center;border:3px solid var(--rf-green);border-radius:20px;padding:50px}.alert{padding:15px;border-radius:10px;margin:18px 0}.alert-error{background:#fce8e8;color:#8b1111;border:1px solid #e5a2a2}.toast{position:fixed;right:18px;top:145px;z-index:4000;max-width:420px;padding:15px 20px;border-radius:12px;color:#fff;box-shadow:var(--rf-shadow);font-weight:800}.toast-success{background:var(--rf-green-dark)}.toast-error{background:#a71c1c}.toast-info{background:var(--rf-black)}
/* Admin */.admin-body{background:#eef1ef}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{background:var(--rf-black);color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto}.admin-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:22px}.admin-brand img{width:54px;height:54px}.admin-nav{display:grid;gap:4px}.admin-nav a{padding:10px 12px;text-decoration:none;border-radius:8px}.admin-nav a:hover{background:var(--rf-green)}.admin-main{padding:30px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-card{background:#fff;border:1px solid #d7ded9;border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.admin-card label{display:block;font-weight:700;margin-bottom:10px}.admin-card input,.admin-card select,.admin-card textarea{display:block;width:100%;border:1px solid #aeb8b1;border-radius:8px;padding:9px;margin-top:4px}.admin-card textarea{min-height:130px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #ddd;text-align:left;white-space:nowrap}.admin-table th{background:#eef5f0}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-login{min-height:100vh;display:grid;place-items:center;background:var(--rf-black);padding:20px}.login-card{width:min(440px,100%);background:#fff;border:4px solid var(--rf-green);border-radius:22px;padding:34px}.login-brand{text-align:center}.login-brand img{width:110px;margin:auto}.login-card input{display:block;width:100%;height:48px;margin:6px 0 16px;border:1px solid #999;border-radius:9px;padding:10px}
@media(max-width:1100px){.primary-nav>a,.nav-dropdown>button{padding-inline:14px;font-size:.9rem}.buyer-fields{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){:root{--rf-header-h:86px}.header-topline,.header-greenline{height:10px}.header-inner{height:70px;width:calc(100% - 20px)}.site-logo{width:118px;height:88px;top:-9px}.menu-toggle{display:block}.primary-nav{position:absolute;right:0;top:70px;width:min(360px,95vw);height:auto;background:var(--rf-black);display:none;flex-direction:column;box-shadow:var(--rf-shadow);border-bottom:3px solid var(--rf-green)}.primary-nav.open{display:flex}.primary-nav>a,.nav-dropdown>button{width:100%;min-height:54px;border-left:0;border-top:1px solid #444;justify-content:flex-start}.nav-dropdown{display:block}.nav-dropdown-panel{position:static;display:none;border:0;border-radius:0;box-shadow:none;background:#292929;padding-left:24px}.nav-dropdown.open .nav-dropdown-panel{display:block}.section-band h1,.section-band h2{letter-spacing:.1em}.home-hero{min-height:470px}.ticket-title-band{gap:12px}.ticket-title-band>span{font-size:2.2rem}.buyer-fields{grid-template-columns:1fr 1fr}.reservation-panel{position:relative;bottom:auto}.reservation-columns{grid-template-columns:1fr}.progress-card{grid-template-columns:1fr}.progress-card div+div{border-left:0;border-top:1px solid var(--rf-green)}.admin-shell{display:block}.admin-sidebar{position:relative;height:auto}.admin-main{padding:18px}}
@media(max-width:560px){.container{width:min(100% - 20px,1180px)}.content-section{padding:38px 0}.hero-content{padding:45px 12px}.raffle-card-body{padding:16px}.ticket-workspace{padding-inline:6px}.ticket-grid{grid-template-columns:repeat(4,1fr);gap:3px}.ticket-button{font-size:.67rem;height:32px}.ticket-results-meta{font-size:.82rem}.buyer-fields{grid-template-columns:1fr}.lucky-card{padding:52px 15px 18px}.lucky-options{grid-template-columns:1fr}.ticket-title-band>span{display:none}.verify-form>div{display:grid}.verify-form input,.verify-form button{border-radius:10px}.reservation-header{align-items:flex-start;gap:12px}.contact-hero{padding:65px 0}.contact-hero h1{letter-spacing:.1em}.toast{left:10px;right:10px;top:98px}.footer-dark nav{gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Inventario virtual y Maquinita de la suerte */
.selected-ticket-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-height:132px;overflow:auto;padding:8px;border:1px solid var(--rf-gray-border);border-radius:12px;background:var(--rf-gray-bg)}
.selected-ticket-chip{display:inline-flex;align-items:center;gap:7px;background:var(--rf-green);color:#fff;border-radius:999px;padding:6px 8px 6px 12px;font-weight:900;font-variant-numeric:tabular-nums}
.selected-ticket-chip button{width:25px;height:25px;border:0;border-radius:50%;background:#fff;color:var(--rf-danger);font-weight:900;line-height:1}
.clear-selection{display:flex;margin:9px auto 0;border:0;background:transparent;color:var(--rf-danger);font-weight:900;text-decoration:underline}
.lucky-machine-image{width:min(230px,70%);height:auto;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.16))}
.lucky-instruction{display:block;text-align:center;font-weight:900;text-transform:uppercase}
.lucky-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lucky-spinning{width:100%;min-height:180px;display:grid;place-items:center;color:var(--rf-green);text-align:center;animation:luckyPulse .8s ease-in-out infinite alternate}
.lucky-spinning::before{content:"";display:block;width:90px;height:90px;margin:0 auto 16px;border:10px solid var(--rf-green-soft);border-top-color:var(--rf-green);border-radius:50%;animation:luckySpin .8s linear infinite}
.raffle-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:36px}
.raffle-gallery figure{margin:0;border:3px solid var(--rf-green);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--rf-shadow)}
.raffle-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover}
.raffle-gallery figcaption{padding:10px 14px;font-weight:800;text-align:center}
@keyframes luckySpin{to{transform:rotate(360deg)}}
@keyframes luckyPulse{from{opacity:.55;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:560px){.lucky-actions{grid-template-columns:1fr}.selected-ticket-list{max-height:165px}.lucky-machine-image{width:min(190px,68%)}}


/* Parche UI selección compacta y reserva en modal */
body.modal-open{overflow:hidden}
.ticket-workspace.has-selection-dock{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}
.selection-dock[hidden]{display:none!important}
.selection-dock{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:4800;width:min(880px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:2px solid var(--rf-green);border-radius:16px;padding:12px 14px;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.selection-dock-copy{display:flex;align-items:center;gap:18px;min-width:0}
.selection-dock-copy strong{font-size:1rem;white-space:nowrap}
.selection-dock-copy span{white-space:nowrap}
.selection-dock-actions{display:flex;align-items:center;gap:8px}
.selection-dock-actions .button{min-width:150px;margin:0}
.reservation-modal{z-index:5200;align-items:center;overflow:hidden}
.reservation-dialog{position:relative;width:min(780px,100%);max-height:calc(100dvh - 32px);background:#fff;border:2px solid var(--rf-green);border-radius:18px;box-shadow:0 22px 65px rgba(0,0,0,.58);overflow:hidden;display:flex;flex-direction:column;outline:none}
.reservation-dialog-form{display:flex;min-height:0;flex:1;flex-direction:column}
.reservation-dialog-header{padding:24px 56px 12px;text-align:center;border-bottom:1px solid var(--rf-gray-border)}
.reservation-dialog-header h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}
.reservation-dialog-header p{margin:6px 0 0;color:#555}
.reservation-dialog-body{min-height:0;overflow-y:auto;padding:18px 22px;overscroll-behavior:contain}
.reservation-dialog-actions{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(230px,1fr);gap:10px;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rf-gray-border);background:#fff}
.reservation-dialog-actions .button{width:100%;margin:0}
.reservation-summary-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0;padding:11px 13px;background:var(--rf-gray-bg);border-radius:10px;font-size:1.05rem}
.admin-password-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:2px solid var(--rf-green);background:#eff8f1;color:var(--rf-text)}
.admin-password-alert .button{margin:0}
.lucky-searching{margin:10px 0 0!important;color:var(--rf-danger);font-weight:900;text-transform:uppercase;animation:luckyPulse .55s ease-in-out infinite alternate}
.lucky-output.has-results .lucky-machine-image{width:min(155px,48%);margin-bottom:5px}
@media(max-width:700px){.selection-dock{align-items:stretch;flex-direction:column;gap:8px;padding:10px}.selection-dock-copy{justify-content:space-between;width:100%;gap:8px}.selection-dock-copy strong,.selection-dock-copy span{font-size:.9rem;white-space:normal}.selection-dock-actions{width:100%}.selection-dock-actions .button{flex:1;min-width:0;padding-inline:8px}.ticket-workspace.has-selection-dock{padding-bottom:calc(155px + env(safe-area-inset-bottom,0px))}.reservation-dialog{max-height:calc(100dvh - 12px);border-radius:14px}.reservation-dialog-header{padding:20px 46px 10px}.reservation-dialog-body{padding:14px}.reservation-dialog-actions{grid-template-columns:1fr;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.reservation-summary-line{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:420px){.selection-dock-actions .button{font-size:.78rem}.selection-dock-copy{align-items:flex-start;flex-direction:column;gap:2px}.ticket-workspace.has-selection-dock{padding-bottom:calc(172px + env(safe-area-inset-bottom,0px))}}

/* Parche quirúrgico Maquinita: proceso temporal, resultados y scroll interno */
.lucky-modal{z-index:5100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px}
.lucky-card{position:relative;z-index:1;width:min(560px,calc(100% - 8px));max-height:calc(100dvh - 24px);max-height:calc(100vh - 24px);margin:auto;background:#fff;padding:0;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:0;overflow:hidden;outline:none}
.lucky-card-header{flex:0 0 auto;padding:58px 24px 14px;background:#fff;border-bottom:1px solid var(--rf-gray-border)}
.lucky-card-header .lucky-options{margin:0}
.lucky-card-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 22px;scrollbar-gutter:stable}
.lucky-card-scroll:focus-visible{outline:3px solid #168cff;outline-offset:-4px}
.lucky-output{width:100%;min-height:280px;border:2px solid var(--rf-green);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:22px;background:#fff;color:var(--rf-text);overflow-wrap:anywhere;touch-action:pan-y}
.lucky-output.has-results{justify-content:flex-start;cursor:pointer}
.lucky-output.has-results:hover{background:#f8fcf9}
.lucky-output:focus-visible{outline:3px solid #168cff;outline-offset:3px}
.lucky-output.is-loading{cursor:wait}
.lucky-output.has-error{min-height:210px}
.lucky-machine-image{width:min(250px,72%);height:auto;max-height:300px;object-fit:contain;margin:0 auto;filter:none}
.lucky-searching{margin:0!important;color:var(--rf-danger);font-weight:900;text-transform:uppercase;animation:luckyPulse .55s ease-in-out infinite alternate}
.lucky-result-title{color:var(--rf-green-dark);font-size:1.1rem;letter-spacing:.06em}
.lucky-numbers{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:7px;justify-content:stretch}
.lucky-numbers span{min-width:0;font-size:.95rem;color:var(--rf-green-dark);font-weight:900;border:1px solid var(--rf-green);padding:7px 5px;border-radius:7px;background:#fff;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.lucky-instruction{display:block;margin-top:8px;text-align:center;font-weight:900;text-transform:uppercase;font-size:.82rem}
.lucky-card-scroll .form-message{padding:8px 4px 0;min-height:1.4em}
.lucky-actions{flex:0 0 auto;position:relative;bottom:auto;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 22px calc(13px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rf-gray-border);background:#fff;box-shadow:0 -5px 16px rgba(0,0,0,.08)}
.lucky-actions .button{width:100%;margin:0}
.lucky-actions [hidden]{display:none!important}
@supports(height:100dvh){.lucky-card{max-height:calc(100dvh - 24px)}}
@media(max-width:560px){.lucky-modal{padding:6px}.lucky-card{width:100%;max-height:calc(100vh - 12px);border-radius:12px}.lucky-card-header{padding:50px 12px 10px}.lucky-card-header .lucky-options{grid-template-columns:1fr;gap:8px;padding:10px}.lucky-card-scroll{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));scrollbar-gutter:auto}.lucky-output{min-height:240px;padding:14px 10px;border-radius:14px}.lucky-machine-image{width:min(220px,76%);max-height:250px}.lucky-numbers{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:5px}.lucky-numbers span{font-size:.82rem;padding:6px 3px}.lucky-actions{grid-template-columns:1fr 1fr;gap:7px;padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px))}.lucky-actions .button{min-height:46px;padding:8px 7px;font-size:.76rem;letter-spacing:.07em}@supports(height:100dvh){.lucky-card{max-height:calc(100dvh - 12px)}}}

/* Parche quirúrgico: accesos flotantes de WhatsApp y Facebook solo en el layout público */
.floating-social-links{
    position:fixed;
    right:calc(18px + env(safe-area-inset-right,0px));
    top:62%;
    transform:translateY(-50%);
    z-index:120;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    max-width:64px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity .18s ease,visibility .18s ease;
}
.floating-social-link{
    display:block;
    flex:0 0 auto;
    line-height:0;
    text-decoration:none;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transform:scale(1);
    transition:transform .18s ease;
}
.floating-social-link--whatsapp{width:64px;height:64px}
.floating-social-link--facebook{width:56px;height:56px}
.floating-social-link img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 4px 5px rgba(0,0,0,.22));
    transform-origin:center;
    transition:filter .18s ease;
}
.floating-social-link--whatsapp img{
    animation:whatsapp-float-bounce 2.6s ease-in-out infinite;
}
.floating-social-link:hover,
.floating-social-link:focus-visible{
    transform:scale(1.06);
}
.floating-social-link:hover img,
.floating-social-link:focus-visible img{
    filter:drop-shadow(0 5px 7px rgba(0,0,0,.30));
}
.floating-social-link--whatsapp:hover img,
.floating-social-link--whatsapp:focus-visible img{
    animation-play-state:paused;
}
.floating-social-link:focus{outline:none}
.floating-social-link:focus-visible{
    outline:3px solid #168cff;
    outline-offset:4px;
    border-radius:50%;
}
body.modal-open .floating-social-links{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
@keyframes whatsapp-float-bounce{
    0%,72%,100%{transform:translateY(0)}
    78%{transform:translateY(-9px)}
    84%{transform:translateY(0)}
    89%{transform:translateY(-4px)}
    94%{transform:translateY(0)}
}
@media(max-width:900px){
    .floating-social-links{
        right:calc(12px + env(safe-area-inset-right,0px));
        gap:10px;
        max-width:58px;
    }
    .floating-social-link--whatsapp{width:58px;height:58px}
    .floating-social-link--facebook{width:52px;height:52px}
}
@media(max-width:560px){
    .floating-social-links{
        right:calc(8px + env(safe-area-inset-right,0px));
        top:64%;
        gap:9px;
        max-width:52px;
    }
    .floating-social-link--whatsapp{width:52px;height:52px}
    .floating-social-link--facebook{width:46px;height:46px}
}
@media(max-width:360px){
    .floating-social-links{max-width:48px}
    .floating-social-link--whatsapp{width:48px;height:48px}
    .floating-social-link--facebook{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){
    .floating-social-link--whatsapp img{animation:none}
    .floating-social-link img,
    .floating-social-links{transition:none}
}

