/* Liga Chaguaramas · MLB-inspired visual theme. No changes to application logic. */
:root{--navy:#071a32;--navy2:#102d50;--red:#d52535;--paper:#f1f4f8;--ink:#10253f;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--paper)}
body{background:var(--paper)}header{background:#06182d;border-bottom:3px solid var(--red);padding-top:16px;padding-bottom:16px;box-shadow:0 4px 20px #07182b22}.brand strong{font-size:15px;font-weight:900;letter-spacing:1.25px}.brand small{color:#d0dceb;letter-spacing:2.4px}.leagueLogo{width:62px;height:62px}.outline{border:1px solid #a5b9cf;border-radius:4px;text-transform:uppercase;letter-spacing:.7px;font-weight:800}.outline:hover{background:#ffffff18}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#06182e 0%,#0b2747 58%,#13395e 100%);padding-top:83px;padding-bottom:88px;border-bottom:5px solid var(--red)}.hero:before{content:"";position:absolute;right:-80px;top:-125px;width:560px;height:560px;border:75px solid #ffffff08;border-radius:50%;pointer-events:none}.hero:after{content:"⚾";position:absolute;right:12%;top:10%;font-size:clamp(125px,20vw,270px);opacity:.13;transform:rotate(-18deg);pointer-events:none}.hero>*{position:relative;z-index:1}.eyebrow{color:#e63b4b;letter-spacing:2.8px;font-weight:900}.hero .eyebrow{color:#ff6c76}.hero h1{font-size:clamp(40px,5.8vw,75px);font-weight:950;letter-spacing:-2.5px;text-transform:uppercase;max-width:780px;line-height:1.06}.hero em{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:6px;text-underline-offset:11px}.hero p{font-size:16px;line-height:1.65;color:#cdd8e5}.chips span{background:#ffffff0c;border:1px solid #ffffff44;border-radius:4px;font-weight:750;text-transform:uppercase;letter-spacing:.3px}nav{background:#fff;box-shadow:0 5px 14px #102b4910;gap:2px;padding-top:0;padding-bottom:0}nav button{border-radius:0;border-bottom:3px solid transparent;padding:19px 16px;color:#415670;text-transform:uppercase;font-size:12px;letter-spacing:.5px}nav button.active{background:#fff;color:#b51f30;border-bottom-color:var(--red)}nav button:hover{color:#c72537;background:#f5f7fa}main{padding-top:45px}.heading{border-left:5px solid var(--red);padding-left:17px}.heading h2{text-transform:uppercase;letter-spacing:-.5px;font-weight:900}.heading select{min-width:200px;font-weight:750;border-radius:4px}.tableWrap,.teamCard,.rosterPanel,.panel,.empty{border-radius:6px;box-shadow:0 6px 20px #132c4810;border-color:#dbe3ec}th{background:var(--navy2);font-size:11px;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid var(--red)}td{font-size:13px}tr:hover td{background:#edf3fa}.teamCard{border-top:4px solid var(--red);transition:transform .15s ease,box-shadow .15s ease}.teamCard:hover{transform:translateY(-3px);box-shadow:0 12px 24px #132c481a}.teamCard b{text-transform:uppercase;font-weight:900}.rosterPanel h3,.panel h3{color:#102d50}.panel button{background:#14375d;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.panel button:hover{background:#1d4d7e}.panel .danger{background:#b42332}.panel input:focus,.panel select:focus,.panel textarea:focus{outline:2px solid #377bb9;outline-offset:1px}footer{border-top:4px solid var(--red);background:#06182d;color:#d3dfed}.site-tag{background:#d52535;color:white;text-align:center;font-size:10px;letter-spacing:2px;font-weight:900;padding:7px 12px;text-transform:uppercase}.hero-kicker{display:inline-block;background:var(--red);color:white;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.hero-identity{font-size:12px;font-weight:850;letter-spacing:2px;color:#d5e3f0;margin-top:28px;text-transform:uppercase}@media(max-width:650px){header{padding:12px 5%}.leagueLogo{width:48px;height:48px}.brand strong{font-size:11px}.brand small{font-size:8px}.hero{padding:55px 6% 62px}.hero:after{right:-15%;top:30%;font-size:180px}.hero h1{font-size:clamp(35px,9vw,54px)}.hero p{font-size:14px}.chips span{font-size:10px}.heading{align-items:stretch}.heading select{width:100%}nav button{padding:16px 13px;font-size:11px}main{padding-top:30px}}

/* Cuatro emblemas originales en la portada */
.hero{padding-right:max(5%,calc((100% - 1120px)/2));min-height:510px}
.hero:after{display:none}
.hero h1,.hero p,.hero .chips,.hero-identity,.hero-kicker{max-width:56%}
.hero-logos{position:absolute;z-index:2;right:max(5%,calc((100% - 1120px)/2));top:50%;transform:translateY(-50%);width:min(36%,430px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:center}
.hero-logo{height:175px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #ffffff38;border-radius:16px;background:#ffffff12;box-shadow:0 12px 26px #0003;backdrop-filter:blur(3px)}
.hero-logo img{display:block;width:100%;height:100%;object-fit:contain}
.hero-logo-main{border-color:#f1c46d80}
@media(max-width:850px){.hero h1,.hero p,.hero .chips,.hero-identity,.hero-kicker{max-width:100%}.hero-logos{position:relative;top:auto;right:auto;transform:none;width:100%;max-width:470px;margin:32px auto 0;gap:12px}.hero-logo{height:150px}.hero{min-height:0}}
@media(max-width:450px){.hero-logo{height:132px;padding:8px}.hero-logos{gap:10px}}

/* Acceso administrativo en cabecera, sin desplazar el contenido público */
header{position:relative;z-index:30;overflow:visible}
.admin-access{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative;flex-wrap:wrap}
.admin-access button{white-space:nowrap}
.login-dropdown{position:absolute;top:calc(100% + 14px);right:0;width:min(350px,calc(100vw - 28px));padding:22px;border:1px solid #dbe4f0;border-top:4px solid #d21e36;border-radius:12px;background:#fff;color:#17243b;box-shadow:0 18px 45px #0005;z-index:100;text-align:left}
.login-dropdown[hidden]{display:none!important}
.login-dropdown h2{font-size:20px;margin:0 0 8px;color:#142847}
.login-dropdown p{font-size:12px;margin:6px 0 14px;color:#64748b}
.login-dropdown form{display:grid;gap:12px}
.login-dropdown label{display:grid;gap:5px;font-size:13px;font-weight:600;color:#263951}
.login-dropdown input{display:block;width:100%;box-sizing:border-box;border:1px solid #b9c8dc;border-radius:7px;padding:11px;background:#fff;color:#17243b;font-size:14px}
.login-dropdown form button{background:#c61e36;color:white;border:0;border-radius:7px;padding:12px;font-weight:700;cursor:pointer}
@media(max-width:650px){header{gap:8px}.admin-access{gap:6px}.admin-access>button{font-size:10px;padding:9px 10px}.login-dropdown{right:0}}