@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Lora:ital,wght@0,400;0,600;1,400;1,600&display=swap";@font-face{font-family:VampireWars;src:url(/fonts/Vampire%20Wars.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VampireWars;src:url(/fonts/Vampire%20Wars%20Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--void: #080705;--dark: #100e0b;--panel: #181410;--panel-light: #201c16;--border: #3a2e20;--border-light: #4d3f2a;--gold: #d4a017;--gold-bright: #f0c030;--gold-dim: #8b6914;--gold-muted: #5a4410;--red: #7a1212;--red-bright: #b01a1a;--cream: #e8dcc8;--parchment: #c8b898;--muted: #daae76;--faint: #4a4030;--font-display: "VampireWars", Georgia, serif;--font-heading: "Cinzel", Georgia, serif;--font-body: "Lora", Georgia, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--void);color:var(--cream);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gold-muted)}.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:.6rem 2.5rem;background:linear-gradient(180deg,#080705f7,#080705e0);border-bottom:2px solid var(--gold-muted);gap:1.5rem}.nav-logo{height:48px;width:auto;flex-shrink:0}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment);text-decoration:none;position:relative;padding-bottom:2px;transition:color .2s}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-links a:hover{color:var(--gold-bright)}.nav-links a:hover:after{transform:scaleX(1)}.nav-link-cta{border:1px solid var(--gold-muted)!important;padding:.3rem .85rem;color:var(--gold)!important}.nav-link-cta:hover{background:#d4a01714}.nav-link-cta:after{display:none!important}.hazard-stripe{height:11px;width:100%;background:repeating-linear-gradient(-45deg,var(--gold) 0px,var(--gold) 10px,var(--void) 10px,var(--void) 20px);opacity:.65}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 2rem 5rem;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,#1c1508 0%,var(--void) 75%)}.hero:before,.hero:after{content:"";position:absolute;width:180px;height:180px;border:2px solid var(--gold-dim);opacity:.35;pointer-events:none}.hero:before{top:90px;left:50px;border-right:none;border-bottom:none}.hero:after{bottom:50px;right:50px;border-left:none;border-top:none}.hero-logo{width:min(400px,78vw);height:auto;margin-bottom:2rem;filter:drop-shadow(0 0 22px rgba(212,160,23,.35));animation:pulse-glow 4s ease-in-out infinite alternate;border-radius:50%}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 14px rgba(212,160,23,.25))}to{filter:drop-shadow(0 0 46px rgba(212,160,23,.65))}}.skull-divider{display:flex;align-items:center;gap:.8rem;margin-bottom:1.8rem;width:min(480px,75vw)}.skull-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.skull-divider-icon{color:var(--gold);font-size:1.4rem;opacity:.85;line-height:1}.hero-tagline{font-family:var(--font-display);font-size:clamp(1.3rem,3.5vw,2.6rem);font-weight:900;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;line-height:1.15;text-shadow:2px 2px 0 #000,0 0 35px rgba(212,160,23,.45);margin-bottom:1.1rem}.hero-sub{font-style:italic;font-size:clamp(.95rem,2.2vw,1.2rem);color:var(--parchment);max-width:560px;opacity:.9;margin-bottom:2.5rem}.hero-cta-group{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center}.btn-primary{font-family:var(--font-heading);font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--void);background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 55%,var(--gold-dim) 100%);border:none;padding:.95rem 2.8rem;cursor:pointer;text-decoration:none;display:inline-block;clip-path:polygon(10px 0%,calc(100% - 10px) 0%,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0% calc(100% - 10px),0% 10px);transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:linear-gradient(180deg,#fff5b0 0%,var(--gold-bright) 55%,var(--gold) 100%);transform:translateY(-2px);box-shadow:0 8px 28px #d4a01773}.btn-ghost{font-family:var(--font-heading);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);background:transparent;border:1px solid var(--gold-muted);padding:.9rem 2.2rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s,border-color .2s,color .2s}.btn-ghost:hover{background:#d4a01714;border-color:var(--gold);color:var(--gold-bright)}.section{padding:5.5rem 2rem}.section--void{background:var(--void)}.section--dark{background:var(--dark)}.section--panel{background:var(--panel)}.section-inner{max-width:1180px;margin:0 auto}.section-header{margin-bottom:3.5rem}.section-label{display:block;font-family:var(--font-heading);font-size:.68rem;font-weight:700;letter-spacing:.45em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}.section-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.8vw,2.9rem);font-weight:700;color:var(--cream);text-transform:uppercase;letter-spacing:.04em;line-height:1.1}.section-title span{color:var(--gold)}.section-desc{font-style:italic;color:var(--muted);font-size:1rem;max-width:580px;margin-top:1rem;line-height:1.7}.ornament{display:flex;align-items:center;gap:.7rem;margin:.8rem 0}.ornament-line{flex:1;height:1px;background:var(--border);max-width:220px}.ornament-diamond{width:7px;height:7px;background:var(--gold-dim);transform:rotate(45deg);flex-shrink:0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.75rem}.about-card{background:var(--panel-light);border:1px solid var(--border);padding:2.5rem 2rem;position:relative;transition:border-color .25s}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-muted),var(--gold),var(--gold-muted))}.about-card:hover{border-color:var(--gold-dim)}.about-card-icon{display:block;font-size:2.2rem;color:var(--gold);margin-bottom:1.25rem;text-shadow:0 0 16px rgba(212,160,23,.35)}.about-card-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}.about-card-text{font-style:italic;color:var(--muted);font-size:.93rem;line-height:1.75}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.product-card{background:var(--panel);border:1px solid var(--border);overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:var(--gold-dim)}.product-card-thumb{aspect-ratio:4/3;background:var(--panel-light);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.product-card-thumb:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(212,160,23,.025) 0px,rgba(212,160,23,.025) 10px,transparent 10px,transparent 20px)}.product-card-body{padding:1.2rem 1.25rem}.product-card-cat{display:block;font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}.product-card-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--cream);margin-bottom:.45rem}.product-card-desc{font-size:.84rem;font-style:italic;color:var(--muted);line-height:1.65}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.75rem}.event-card{display:flex;border:1px solid var(--border);overflow:hidden;transition:border-color .2s}.event-card:hover{border-color:var(--gold-dim)}.event-date{background:var(--red);min-width:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem .9rem;gap:.15rem;font-family:var(--font-heading);flex-shrink:0}.event-date-day{font-size:2rem;font-weight:900;color:var(--cream);line-height:1}.event-date-month{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#e8dcc8bf}.event-body{padding:1.4rem;background:var(--panel-light);flex:1}.event-tag{font-family:var(--font-heading);font-size:.58rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-muted);padding:.18rem .55rem;display:inline-block;margin-bottom:.65rem}.event-title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--cream);margin-bottom:.45rem}.event-desc{font-size:.84rem;font-style:italic;color:var(--muted);line-height:1.65}.cta-banner{padding:6rem 2rem;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#180808 0%,var(--void) 50%,#0e0e04 100%);border-top:2px solid var(--gold-muted);border-bottom:2px solid var(--gold-muted)}.cta-banner:before{content:"☠";position:absolute;font-size:22rem;line-height:1;color:#d4a01708;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-title{font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3.4rem);font-weight:900;color:var(--cream);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;position:relative}.cta-title span{color:var(--gold)}.cta-desc{font-style:italic;color:var(--muted);font-size:1.05rem;max-width:480px;margin:0 auto 2.5rem;position:relative}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.testimonial-card{background:var(--panel-light);border:1px solid var(--border);border-left:3px solid var(--gold-dim);padding:2rem 1.75rem}.testimonial-text{font-style:italic;color:var(--parchment);font-size:.93rem;line-height:1.85;margin-bottom:1.5rem}.testimonial-text:before{content:"“";font-family:var(--font-display);font-size:2.8rem;color:var(--gold-dim);line-height:0;vertical-align:-.9rem;margin-right:.2rem}.testimonial-author{display:flex;align-items:center;gap:.9rem}.testimonial-avatar{width:38px;height:38px;border:1px solid var(--gold-muted);background:var(--border);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.testimonial-name{font-family:var(--font-heading);font-size:.82rem;font-weight:700;color:var(--cream);letter-spacing:.05em}.testimonial-role{font-size:.74rem;font-style:italic;color:var(--muted)}.footer{background:#050403;border-top:2px solid var(--border);padding:4.5rem 2rem 2rem}.footer-inner{max-width:1180px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:3rem;padding-bottom:3rem;margin-bottom:2rem;border-bottom:1px solid var(--border)}.footer-logo{height:64px;width:auto;margin-bottom:1.25rem;opacity:.88}.footer-brand-desc{font-style:italic;color:var(--muted);font-size:.88rem;line-height:1.75;max-width:270px}.footer-col-title{font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);padding-bottom:.65rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-links a{color:var(--muted);text-decoration:none;font-size:.88rem;transition:color .18s}.footer-links a:hover{color:var(--parchment)}.footer-contact-row{display:flex;gap:.75rem;margin-bottom:.75rem;font-size:.88rem;font-style:italic;color:var(--muted);align-items:baseline}.footer-contact-label{font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-style:normal;white-space:nowrap}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.78rem;font-style:italic;color:var(--faint)}.footer-motto{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-muted)}.social-icons{display:flex;gap:.6rem;align-items:center}.social-icon{width:36px;height:36px;border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s;flex-shrink:0}.social-icon:hover{color:var(--cream);border-color:var(--gold-dim);background:#d4a0170f}.social-icon--wa:hover{color:#6abf6a;border-color:#2d6e2d;background:#4caf5014}.coming-soon-box{border:1px solid var(--border);border-top:3px solid var(--gold-dim);background:var(--panel-light);padding:4rem 3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.coming-soon-icon{font-size:2.5rem;color:var(--gold-dim);opacity:.7;animation:spin-slow 8s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coming-soon-title{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:700;color:var(--cream);text-transform:uppercase;letter-spacing:.05em}.coming-soon-text{font-style:italic;color:var(--muted);font-size:1rem;max-width:520px;line-height:1.75}.event-actions{display:flex;gap:.65rem;margin-top:1rem;flex-wrap:wrap}.btn-event-wa{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1px solid #2d6e2d;color:#6abf6a;background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn-event-wa:before{content:"●";font-size:.5rem}.btn-event-wa:hover{background:#4caf501a;color:#8fd98f;border-color:#4caf50}.btn-event-asistir{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1rem;border:1px solid var(--gold-muted);color:var(--gold);background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn-event-asistir:hover{background:#d4a0171a;border-color:var(--gold);color:var(--gold-bright)}.btn-event-cancel{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.5rem 1rem;border:1px solid var(--red);color:var(--red-bright);background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.btn-event-cancel:hover{background:#7a12121f;color:#e03030;border-color:#b01a1a}.events-empty{font-family:var(--font-heading);font-style:italic;color:var(--muted);font-size:.95rem;text-align:center;padding:3rem 1rem;border:1px dashed var(--border);width:100%}.modal-overlay{position:fixed;inset:0;z-index:500;background:#040302e0;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal{position:relative;background:var(--panel-light);border:1px solid var(--border-light);width:100%;max-width:460px;padding:2.5rem 2.25rem;border-top:3px solid var(--gold-dim)}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--muted);font-size:1rem;cursor:pointer;line-height:1;padding:.25rem .4rem;transition:color .2s}.modal-close:hover{color:var(--cream)}.modal-label{display:block;font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.modal-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--cream);text-transform:uppercase;margin-bottom:.4rem;line-height:1.1}.modal-event-name{font-family:var(--font-heading);font-style:italic;font-size:.9rem;color:var(--gold);margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.modal-form{display:flex;flex-direction:column;gap:1.1rem}.modal-field{display:flex;flex-direction:column;gap:.35rem}.modal-field-label{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment)}.modal-input{background:var(--panel);border:1px solid var(--border);color:var(--cream);font-family:var(--font-body);font-size:.92rem;padding:.65rem .85rem;outline:none;transition:border-color .2s;width:100%}.modal-input::placeholder{color:var(--faint)}.modal-input:focus{border-color:var(--gold-dim)}.modal-textarea{resize:vertical;min-height:80px;line-height:1.6}.modal-actions{display:flex;gap:.85rem;justify-content:flex-end;margin-top:.5rem}.modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem}.modal-success-icon{width:52px;height:52px;border:2px solid #4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#6abf6a;margin-bottom:.5rem}.modal-success-note{font-style:italic;color:var(--muted);font-size:.88rem;max-width:340px;line-height:1.65;margin:.25rem 0}.modal-calendar-section{width:100%;border-top:1px solid var(--border);padding-top:1.25rem;margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.modal-calendar-prompt{font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment)}.modal-calendar-group{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn-calendar{font-size:.65rem;padding:.5rem 1.1rem;letter-spacing:.14em}.modal-close-btn{width:100%;margin-top:.5rem}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.game-card{position:relative;overflow:hidden;border:1px solid var(--border);aspect-ratio:1;cursor:pointer;transition:border-color .25s}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-muted),var(--gold),var(--gold-muted));z-index:2;opacity:0;transition:opacity .25s}.game-card:hover{border-color:var(--gold-dim)}.game-card:hover:before{opacity:1}.game-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.game-card:hover .game-card-img{transform:scale(1.07)}.game-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,3,2,.95) 0%,rgba(4,3,2,.55) 38%,rgba(4,3,2,.1) 65%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.75rem;z-index:1}.game-card-name{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.65rem);color:var(--gold);text-transform:uppercase;letter-spacing:.06em;line-height:1.2;margin-bottom:.55rem;text-shadow:2px 2px 8px rgba(0,0,0,.9)}.game-card-desc{font-family:var(--font-body);font-style:italic;color:var(--parchment);font-size:.87rem;line-height:1.65;opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .32s ease;text-shadow:1px 1px 5px rgba(0,0,0,.95)}.game-card:hover .game-card-desc{opacity:1;transform:translateY(0)}.btn-game-learn{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;display:inline-block;margin-top:.85rem;padding:.5rem 1.1rem;border:1px solid var(--gold-dim);color:var(--gold);background:#04030280;opacity:0;transform:translateY(10px);transition:opacity .32s ease .05s,transform .32s ease .05s,background .2s,border-color .2s}.game-card:hover .btn-game-learn{opacity:1;transform:translateY(0)}.btn-game-learn:hover{background:#d4a0171f;border-color:var(--gold);color:var(--gold-bright)}.game-card-tag{font-family:var(--font-heading);font-size:.58rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-muted);padding:.18rem .55rem;display:inline-block;margin-bottom:.6rem;background:#04030299}.auth-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse 80% 60% at 50% 40%,#1c1508 0%,var(--void) 75%)}.auth-card{width:100%;max-width:420px;background:var(--panel-light);border:1px solid var(--border);border-top:3px solid var(--gold-dim);padding:2.5rem 2.25rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{height:64px;width:auto;margin:0 auto 1.25rem}.auth-label{display:block;font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}.auth-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--cream);text-transform:uppercase}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-toggle{display:flex;background:var(--panel);border:1px solid var(--border);padding:3px;gap:3px}.auth-toggle-option{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.55rem .5rem;font-family:var(--font-heading);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:transparent;border:1px solid transparent;transition:color .18s,background .18s,border-color .18s}.auth-toggle-option:has(input:checked){background:var(--panel-light);color:var(--gold);border-color:var(--gold-muted)}.auth-toggle-option input{display:none}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field-label{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--parchment)}.auth-input{background:var(--panel);border:1px solid var(--border);color:var(--cream);font-family:var(--font-body);font-size:.92rem;padding:.65rem .85rem;outline:none;width:100%;transition:border-color .2s}.auth-input::placeholder{color:var(--faint)}.auth-input:focus{border-color:var(--gold-dim)}.auth-error{font-family:var(--font-heading);font-size:.78rem;color:var(--red-bright);border:1px solid var(--red);padding:.5rem .75rem;background:#7a121226}.auth-submit{width:100%;justify-content:center}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-back{display:block;text-align:center;margin-top:1.5rem;font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.auth-back:hover{color:var(--parchment)}.portal{min-height:100svh}.portal-nav-right{display:flex;align-items:center;gap:1.5rem}.portal-nav-user{font-family:var(--font-heading);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.portal-logout{padding:.45rem 1rem;font-size:.68rem}.portal-hero{padding:7rem 2rem 3rem;background:radial-gradient(ellipse 80% 100% at 50% 0%,#1c1508 0%,var(--void) 70%);border-bottom:1px solid var(--border)}.portal-hero-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:700;color:var(--cream);text-transform:uppercase;margin-top:.4rem}.portal-hero-title span{color:var(--gold)}.sub-empty{text-align:center;padding:4rem 2rem;border:1px dashed var(--border)}.sub-empty-icon{font-size:2.5rem;color:var(--gold-dim);display:block;margin-bottom:1rem}.sub-empty-title{font-family:var(--font-display);font-size:1.5rem;color:var(--cream);text-transform:uppercase;margin-bottom:.75rem}.sub-empty-text{font-style:italic;color:var(--muted);max-width:480px;margin:0 auto}.sub-card{background:var(--panel-light);border:1px solid var(--border);border-top:3px solid var(--gold-dim);padding:2rem 2.25rem}.sub-card--expired{border-top-color:var(--red)}.sub-card-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.sub-tier-badge{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:.4rem}.sub-status-pill{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border:1px solid #2d6e2d;color:#6abf6a;padding:.18rem .6rem;display:inline-block}.sub-status-pill--expired{border-color:var(--red);color:var(--red-bright)}.sub-price{font-family:var(--font-heading);font-size:.8rem;font-weight:700;color:var(--muted);letter-spacing:.08em;text-align:right}.sub-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;margin-bottom:1.75rem}.sub-meta-item{display:flex;flex-direction:column;gap:.3rem}.sub-meta-label{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--muted)}.sub-meta-value{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--cream)}.sub-meta-value--warn{color:var(--red-bright)}.sub-perks{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.sub-perk-item{font-size:.9rem;font-style:italic;color:var(--parchment);padding-left:.25rem}.sub-perk-item:first-letter{color:var(--gold)}.sub-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.sub-btn-cancel{font-size:.68rem;color:var(--muted);border-color:var(--faint);padding:.6rem 1.2rem}.sub-btn-cancel:hover{color:var(--red-bright);border-color:var(--red);background:#7a121214}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.plan-card{background:var(--panel-light);border:1px solid var(--border);padding:2rem 1.75rem;position:relative;display:flex;flex-direction:column;gap:1.25rem;height:100%}.plan-card--featured{border-color:var(--gold-dim);border-top:3px solid var(--gold)}.plan-card--current{opacity:.65}.plan-popular-badge,.plan-current-badge{position:absolute;top:-1px;right:1.25rem;font-family:var(--font-heading);font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.25rem .65rem}.plan-popular-badge{background:var(--gold);color:var(--void)}.plan-current-badge{background:var(--border);color:var(--muted)}.plan-header{border-bottom:1px solid var(--border);padding-bottom:1.25rem}.plan-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--gold);text-transform:uppercase;margin-bottom:.5rem}.plan-price{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--cream)}.plan-duration{font-size:.8rem;font-style:italic;color:var(--muted);margin-top:.2rem}.plan-perks{list-style:none;display:flex;flex-direction:column;gap:.55rem;flex:1}.plan-perk-item{font-size:.85rem;font-style:italic;color:var(--parchment)}.plan-cta{margin-top:auto}.plan-cta button{width:100%}.plan-cta button:disabled{opacity:.5;cursor:default}.event-precio{display:inline-block;font-family:var(--font-heading);font-size:.7rem;letter-spacing:.08em;color:var(--gold-dim);margin-bottom:.5rem}.event-precio strong{color:var(--gold)}.event-pago-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.event-pago-pill{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border-radius:2px}.event-pago-pill--paid{background:#1e5a2866;color:#5dd87a;border:1px solid #2a6635}.event-pago-pill--unpaid{background:#643c0066;color:#e0a030;border:1px solid #7a4010}@media(max-width:860px){.footer-top{grid-template-columns:1fr 1fr}.plans-grid{grid-template-columns:1fr}}@media(max-width:640px){.games-grid{grid-template-columns:1fr}}@media(max-width:600px){.footer-top{grid-template-columns:1fr}.nav-links{display:none}.hero:before,.hero:after{display:none}}.admin-page{min-height:100vh;background:var(--void);color:var(--text)}.admin-badge{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dim);padding:.2rem .6rem}.admin-tabs{display:flex;gap:0;background:var(--dark);border-bottom:2px solid var(--border);padding:0 2rem}.admin-tab{font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:none;border-bottom:2px solid transparent;padding:1rem 1.5rem;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-2px}.admin-tab:hover{color:var(--text)}.admin-tab--active{color:var(--gold);border-bottom-color:var(--gold)}.admin-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-section-header h2{font-family:var(--font-display);font-size:1.5rem;color:var(--gold);margin:0}.admin-section{margin-bottom:3rem}.admin-btn-sm{font-size:.7rem;padding:.5rem 1rem;clip-path:none}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border)}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);background:var(--panel);padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--panel-light)}.admin-table--nested{margin:0}.admin-table--nested th{background:#0006}.admin-row-expanded td{background:#00000040;padding:0}.admin-nested{padding:1rem 1.5rem}.admin-nested-title{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);margin:0 0 .75rem}.admin-empty{color:var(--text-dim);font-style:italic;font-size:.85rem;margin:0}.admin-pill{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border-radius:2px}.admin-pill--active{background:#1e5a2866;color:#5dd87a;border:1px solid #2a6635}.admin-pill--inactive{background:#64141466;color:#d07070;border:1px solid #6a2020}.admin-pill--admin{background:#50320080;color:var(--gold);border:1px solid var(--gold-dim)}.admin-pill--user{background:#141e3c66;color:#8fa8d8;border:1px solid #2a3a6a}.admin-actions-cell{white-space:nowrap}.admin-btn-edit,.admin-btn-delete{font-family:var(--font-heading);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .65rem;border-radius:2px;cursor:pointer;transition:background .15s,color .15s;border:1px solid;margin-right:.3rem}.admin-btn-edit{background:transparent;color:var(--gold-dim);border-color:var(--border-light)}.admin-btn-edit:hover{background:#d4a0171f;color:var(--gold);border-color:var(--gold-dim)}.admin-btn-delete{background:transparent;color:#b06060;border-color:#6a2020}.admin-btn-delete:hover{background:#78141440;color:#e06060;border-color:#a03030}.admin-link{background:none;border:none;color:var(--gold-dim);font-family:var(--font-heading);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}.admin-link:hover{color:var(--gold)}.admin-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal{background:var(--panel);border:1px solid var(--border-light);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative}.admin-modal:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-dim),transparent)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid var(--border)}.admin-modal-header h3{font-family:var(--font-heading);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0}.admin-modal-close{background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:.25rem;line-height:1}.admin-modal-close:hover{color:var(--text)}.admin-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.admin-form-row{display:flex;flex-direction:column;gap:.35rem}.admin-form-row--inline{flex-direction:row;align-items:center;gap:1rem}.admin-form-row--inline label{min-width:80px}.admin-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-form-row label{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim)}.admin-input{background:var(--dark);border:1px solid var(--border-light);color:var(--text);padding:.6rem .75rem;font-family:var(--font-body);font-size:.875rem;width:100%;box-sizing:border-box;transition:border-color .15s}.admin-input:focus{outline:none;border-color:var(--gold-dim)}.admin-textarea{resize:vertical;min-height:80px}.admin-select{cursor:pointer}.admin-error{color:var(--red-bright);font-size:.8rem;margin:0}.admin-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem}.admin-modal-footer .btn-ghost{font-size:.7rem;padding:.55rem 1rem}.admin-modal-footer .btn-primary{font-size:.7rem;padding:.55rem 1rem;clip-path:none}