:root{--bg: black;--purple: #9D00FF;--green: #00FF85;--gray: #9aa0a6}html,body{height:100%;margin:0}body{background-color:#000;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid rgb(19,19,19)}.cta{cursor:pointer!important;position:relative;z-index:1001}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:10000;position:relative}.hamburger span{width:28px;height:3px;background:#fff;border-radius:3px;transition:.3s}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-mobile{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#111;padding-top:90px;display:flex;flex-direction:column;gap:30px;padding-left:40px;transition:.35s ease-in-out;z-index:9999}.nav-mobile a{color:var(--gray);font-size:1.2rem;text-decoration:none}.nav-mobile a.cta{color:#000}.nav-mobile.active{right:0}@media(max-width:768px){.nav-desktop{display:none}.hamburger{display:flex}header{padding:14px 20px}}.Logo_Tittle img{width:96px;height:48px}nav{gap:14px}nav a{color:var(--gray);padding:10px 20px;text-decoration:none;border-radius:15px}nav a.cta{background:linear-gradient(90deg,var(--purple),var(--green));color:#000;border:none;font-weight:700}.torneos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;justify-items:center}.torneo-item{background-color:#222;border-radius:10px;text-align:center;width:100%;max-width:460px}.Portada_Torneo{display:block;margin:0 auto;max-width:70%;height:auto;border-radius:10px}.Tournament{list-style-position:inside;text-align:center;padding:15px;margin:10px 0 0}.Tournament li img{width:1em;height:1em}.botones-torneo{display:flex;justify-content:center;gap:12px;margin-top:12px}.btn-detalles{background-color:#6a5acd;color:#fff;padding:8px 15px;border:none;border-radius:8px;cursor:pointer;font-size:14px}.btn-detalles:hover{background-color:#7b6df0}.btn-inscribir{background-color:#28a745;color:#fff;padding:8px 15px;border-radius:8px;text-decoration:none;font-size:14px}.btn-inscribir:hover{background-color:#32c153}@media(max-width:480px){.botones-torneo{flex-direction:column;align-items:center}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#222;padding:20px;border-radius:10px;width:90%;max-width:400px;text-align:center;color:#fff;animation:showModal .25s ease}.close-modal{float:right;font-size:24px;cursor:pointer}@keyframes showModal{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}footer{padding:10px;background:#111;text-align:center;margin-top:auto}footer a{color:#9d4edd;text-decoration:none}footer p{font-size:.8em;color:#ccc}.auth-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease-in-out}.auth-overlay.active{opacity:1;pointer-events:all}.hidden{display:none}.auth-modal{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px;border-radius:20px;width:90%;max-width:360px;animation:fadeUp .3s ease;color:#fff;position:relative}@keyframes fadeUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-close{position:absolute;top:8px;right:12px;font-size:20px;cursor:pointer}.auth-view{display:none}.auth-view.active{display:block}.auth-view h2{margin-bottom:20px;text-align:center}.auth-view input{width:100%;margin-bottom:12px;padding:12px;border-radius:10px;border:none;outline:none;background:#ffffff1a;color:#fff}.auth-btn{width:100%;padding:12px;background:#7e3eff;border:none;border-radius:10px;cursor:pointer;color:#fff;font-weight:700;transition:.2s}.auth-btn:hover{background:#9b5bff}.auth-google-btn{width:100%;padding:10px;background:#fff;color:#000;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.google-icon{width:20px}.auth-divider{text-align:center;opacity:.8;margin:10px 0}.auth-switch{text-align:center;margin-top:10px}.auth-switch span{color:#b47cff;cursor:pointer}
