/* GOAL LIVE — identidad visual v2: editorial, limpia y propia */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#14272c;background:#f5f7f5}
body{background:#f5f7f5;color:#14272c;-webkit-font-smoothing:antialiased}
.shell{max-width:560px;padding:24px 18px 104px}
.top{padding:4px 1px 10px;border-bottom:1px solid #e1e9e5}
.brand{font-size:24px;font-weight:900;letter-spacing:-1.25px;color:#102c2c}
.brand b{color:#098c78}
.sub{margin:12px 0 23px;color:#7c918d;font-size:12px;font-weight:500}
.notice{background:#e8f5ef;border:1px solid #d5ebe1;color:#37735f;border-radius:13px;font-size:11px;line-height:1.55;padding:11px 14px}
.sectiontitle{font-size:18px;letter-spacing:-.5px;color:#17312e;margin:26px 0 13px}
.days{gap:7px;padding:2px 0;margin:20px 0 8px}
.day,.tab{border:1px solid #e1e9e6;background:#fff;color:#647c77;padding:11px 18px;border-radius:11px;font-size:12px;font-weight:700}
.day.active,.tab.active{background:#153c37!important;color:#fff!important;border-color:#153c37}
.card{background:#fff;border:1px solid #e6ece9;border-radius:17px;padding:18px;margin:11px 0;box-shadow:0 3px 17px rgba(22,58,49,.035)}
.league{color:#728781;font-weight:700;font-size:12px;margin-bottom:22px}
.league strong{font-weight:750}
.score{gap:10px;align-items:center}
.team{color:#203b38;font-weight:650;font-size:12px;line-height:1.35;min-width:0}
.crest{font-size:27px;background:#f3f7f5;border-radius:16px;width:52px;height:52px;display:grid;place-items:center;margin:0 auto 10px}
.num{font-size:28px;letter-spacing:-1.4px;color:#173b35}
.status{color:#148b70;font-weight:750;font-size:10px;letter-spacing:.45px;margin:17px 0}
.actions{margin-top:12px}
.action{background:#f5f8f6;color:#24584f;border:1px solid #e5eeea;border-radius:11px;padding:11px 13px;font-size:12px;font-weight:750;transition:background .15s}
.action:active{background:#d9eee6}
.green{color:#098c78}
.muted{color:#849993;font-size:12px;line-height:1.6}
.badge{background:#e4f5ed;color:#128368;border-radius:8px}
.metric{margin:17px 0;color:#24413a}
.metric .middle{color:#78908a}
.bar{background:#e7eeea;height:6px}
.fill{background:#16a183}
.compare>div{background:#f1f7f4;color:#23423a;border-radius:14px}
.pitch{border-color:#c7e1d1;background:repeating-linear-gradient(90deg,#478a67 0 12.5%,#4e936e 12.5% 25%)}
.nav{background:rgba(255,255,255,.96);border-top:1px solid #e1eae5;box-shadow:0 -4px 24px rgba(26,60,46,.035);padding-bottom:env(safe-area-inset-bottom)}
.nav button{color:#8b9d97;font-weight:650;font-size:11px;padding:14px 3px}
.nav button.sel{color:#078a72}
.empty{color:#859991}
@media(min-width:700px){.shell{padding-top:38px}.nav{border-radius:18px 18px 0 0}}

/* Apariencia automática: sigue el tema configurado en Android/iOS/sistema. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
 :root{color:#eaf4f1;background:#101b1d}
 body{background:#101b1d;color:#eaf4f1}
 .top{border-bottom-color:#2a3c3b}
 .brand{color:#eaf5f1}
 .brand b,.green{color:#48d9b3}
 .sub,.muted{color:#95aaa6}
 .notice{background:#19362f;border-color:#295044;color:#a7dfc9}
 .sectiontitle{color:#eaf4f1}
 .day,.tab{background:#1c2d2f;border-color:#2b4442;color:#a7bfba}
 .day.active,.tab.active{background:#48d9b3!important;color:#102321!important;border-color:#48d9b3}
 .card{background:#1a2a2c;border-color:#294042;box-shadow:0 4px 22px rgba(0,0,0,.10)}
 .league{color:#a6bdb6}
 .team{color:#e1f0eb}
 .crest{background:#243a3a}
 .num{color:#f0faf5}
 .status{color:#58dfb6}
 .action{background:#233a3b;border-color:#365251;color:#b1e8d8}
 .action:active{background:#31534b}
 .badge{background:#24473e;color:#7ee7c0}
 .metric{color:#d7e8e3}
 .metric .middle{color:#a0b7b0}
 .bar{background:#34504c}
 .fill{background:#43d8ae}
 .compare>div{background:#233c3b;color:#e4f4ec}
 .nav{background:rgba(21,34,36,.97);border-top-color:#2b4240;box-shadow:0 -4px 24px rgba(0,0,0,.12)}
 .nav button{color:#9cb2ac}
 .nav button.sel{color:#4be0b7}
 .empty{color:#9ab0a9}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}