:root{--theme-ink:#101828;--theme-muted:#667085;--theme-line:#e4e7ec;--theme-bg:#f5f7fb;--theme-blue:#175cd3}html{scroll-behavior:smooth}body.tessirve-theme{background:var(--theme-bg);color:var(--theme-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0}.screen-reader-text,.ms-skip-link{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}.ms-skip-link:focus{background:#fff;clip:auto;height:auto;left:12px;padding:10px;top:12px;width:auto;z-index:999}.ms-site-header{backdrop-filter:blur(14px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(228,231,236,.9);position:sticky;top:0;z-index:100}.admin-bar .ms-site-header{top:32px}.ms-site-header-inner{align-items:center;display:flex;height:72px;justify-content:space-between;margin:auto;max-width:1180px;padding:0 20px}.ms-brand{align-items:center;color:var(--theme-ink);display:flex;font-size:1.18rem;font-weight:850;gap:10px;letter-spacing:-.03em;text-decoration:none}.ms-brand-mark{align-items:center;background:linear-gradient(135deg,#175cd3,#14213d);border-radius:10px;color:#fff;display:inline-flex;height:38px;justify-content:center;width:38px}.custom-logo{height:46px;max-width:190px;object-fit:contain;width:auto}.ms-site-menu,.ms-footer-menu{align-items:center;display:flex;gap:4px;list-style:none;margin:0;padding:0}.ms-site-menu a{border-radius:8px;color:#344054;display:block;font-size:.9rem;font-weight:720;padding:9px 12px;text-decoration:none}.ms-site-menu a:hover,.ms-site-menu .current-menu-item>a{background:#eef4ff;color:var(--theme-blue)}.ms-menu-toggle{background:transparent;border:0;display:none;padding:8px}.ms-menu-toggle>span:not(.screen-reader-text){background:#344054;display:block;height:2px;margin:4px;width:22px}.ms-site-main{min-height:70vh}.ms-content{margin:0 auto;max-width:980px;padding:50px 20px 70px}.ms-content-header h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em;line-height:1.02}.ms-entry-content{background:#fff;border:1px solid var(--theme-line);border-radius:18px;line-height:1.75;padding:clamp(22px,4vw,42px)}.ms-entry-content:has(.ms-app){background:transparent;border:0;padding:0}.ms-theme-eyebrow{color:var(--theme-blue);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ms-post-card{background:#fff;border:1px solid var(--theme-line);border-radius:16px;margin:14px 0;padding:20px}.ms-post-card a{color:var(--theme-ink);text-decoration:none}.ms-theme-fallback{margin:80px auto;max-width:760px;padding:30px;text-align:center}.ms-theme-fallback>span{color:var(--theme-blue);font-weight:850;text-transform:uppercase}.ms-theme-fallback h1{font-size:clamp(2.3rem,7vw,5rem);letter-spacing:-.055em;line-height:1;margin:12px 0}.ms-theme-fallback p{color:var(--theme-muted)}.ms-theme-button{background:var(--theme-blue);border-radius:10px;color:#fff;display:inline-block;font-weight:750;margin-top:12px;padding:12px 18px;text-decoration:none}.ms-site-footer{background:#101828;color:#d0d5dd;margin-top:70px}.ms-site-footer-inner{display:grid;gap:36px;grid-template-columns:1fr auto;margin:auto;max-width:1180px;padding:50px 20px}.ms-brand-footer{color:#fff}.ms-site-footer p{color:#98a2b3}.ms-footer-menu a{color:#d0d5dd;text-decoration:none}.ms-footer-note{font-size:.75rem;grid-column:1/-1;margin:0}.ms-site-footer .ms-brand-mark{background:#fff;color:#101828}@media(max-width:782px){.admin-bar .ms-site-header{top:46px}.ms-menu-toggle{display:block}.ms-primary-nav{background:#fff;border-bottom:1px solid var(--theme-line);display:none;left:0;padding:10px 16px;position:absolute;right:0;top:72px}.ms-primary-nav.is-open{display:block}.ms-site-menu{align-items:stretch;flex-direction:column}.ms-site-footer-inner{grid-template-columns:1fr}.ms-footer-note{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* 4.0 responsive guard */ html,body.tessirve-theme{max-width:100%;overflow-x:hidden} .ms-site-header-inner,.ms-site-footer-inner,.ms-site-main{min-width:0} /* 4.6: header corto, estable y sin blur de compositor móvil. */ .ms-site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;backface-visibility:hidden;isolation:isolate;transform:translateZ(0)} .ms-site-header-inner{height:58px!important} .ms-site-main{padding-top:10px} .ms-brand{font-size:1rem!important;gap:8px!important} .ms-brand-mark{background:linear-gradient(145deg,#101828,#26364f)!important;border:1px solid rgba(255,255,255,.32);border-radius:10px!important;box-shadow:none!important;color:#fff!important;height:34px!important;width:34px!important} .ms-brand-shield{display:block;height:28px;width:24px} .custom-logo{height:38px!important;max-width:170px!important} .ms-site-menu a{font-size:.82rem!important;padding:7px 9px!important} .ms-menu-toggle{padding:6px!important} @media(max-width:782px){ .ms-primary-nav{top:58px!important} .ms-profile-nav{position:relative!important;top:auto!important} .ms-site-main{padding-top:8px} .ms-theme-picker,.ms-theme-picker select{max-width:124px!important} .ms-theme-picker select{font-size:.7rem!important;padding:7px 8px!important} } @media(max-width:430px){.ms-brand-name{display:none}.ms-brand{gap:0!important}.ms-theme-picker,.ms-theme-picker select{max-width:112px!important}} /* 4.8 estabilidad: la barra superior la controla theme-dynamic.css como fixed. */ .ms-site-header{backface-visibility:visible!important;transform:none!important;will-change:auto!important} .ms-site-main{padding-top:0!important} @media(max-width:430px){.ms-brand-name{display:inline-block!important}.ms-brand{gap:7px!important}} /* 5.9 navigation polish */ .ms-primary-nav,.ms-site-menu{min-width:0}.ms-site-menu{border-radius:12px}.ms-site-menu a{border-radius:9px;transition:background .15s,color .15s,border-color .15s} /* 5.16.19 — navegación directa: Primera División, Copa Argentina y luego + Competencias. */ @media(min-width:783px){ .ms-site-menu{gap:2px!important} .ms-site-menu a{font-size:.76rem!important;padding:7px 7px!important;white-space:nowrap} } @media(min-width:1000px){.ms-site-menu a{font-size:.8rem!important;padding:7px 8px!important}} /* 5.16.19 — compatibilidad visual con buscador global y clásicos canónicos. */ /* 5.16.22 — el buscador del header deja respirar escudos y filas de clásicos. */ .ms-header-search-panel .ms-public-match-hit, .ms-header-search-panel .ms-public-match-hit-team{overflow:visible!important} .ms-header-search-panel .ms-public-match-hit-team img{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; object-fit:contain!important; object-position:center!important; } /* 5.16.41 — Accesos rápidos CONMEBOL sin romper el header. */ @media(min-width:1121px){ .ms-site-menu{gap:1px!important} .ms-site-menu a{font-size:.74rem!important;padding:7px 6px!important;white-space:nowrap} } @media(min-width:783px) and (max-width:1120px){ .ms-menu-toggle{display:block} .ms-primary-nav{background:#fff;border-bottom:1px solid var(--theme-line);display:none;left:0;padding:10px 16px;position:absolute;right:0;top:72px} .ms-primary-nav.is-open{display:block} .ms-site-menu{align-items:stretch;flex-direction:column} } /* 5.16.43 — header más ancho y responsive para Mundial + Intercontinental. */ .ms-site-header-inner{ box-sizing:border-box!important; max-width:none!important; width:96vw!important; } @media(min-width:1361px){ .ms-menu-toggle{display:none!important} .ms-primary-nav{display:block!important;min-width:0!important} .ms-site-menu{gap:1px!important;justify-content:center!important} .ms-site-menu a{font-size:clamp(.66rem,.62vw,.78rem)!important;padding:7px clamp(4px,.42vw,7px)!important;white-space:nowrap!important} } @media(min-width:783px) and (max-width:1360px){ .ms-menu-toggle{display:block!important} .ms-primary-nav{ background:#fff; border-bottom:1px solid var(--theme-line); display:none!important; left:0; padding:10px 16px; position:absolute; right:0; top:58px!important; } .ms-primary-nav.is-open{display:block!important} .ms-site-menu{align-items:stretch!important;flex-direction:column!important} } @media(max-width:782px){.ms-site-header-inner{width:100%!important}} /* ========================================================================== 5.17.111 — CLÁSICOS PREMIUM: oro para los grandes, plata para el resto. El rótulo pasa arriba a la izquierda para no invadir la hora. ========================================================================== */ .ms-home-today .ms-compact-match.is-classic-match, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ --ms-classic-metal:#c7cdd8; --ms-classic-metal-ink:#596273; --ms-classic-metal-soft:#f5f7fb; --ms-classic-metal-glow:rgba(176,184,198,.24); } .ms-home-today .ms-compact-match.is-classic-match.is-classic-major, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match.is-classic-major{ --ms-classic-metal:#d8b55b; --ms-classic-metal-ink:#7a5808; --ms-classic-metal-soft:#fff7df; --ms-classic-metal-glow:rgba(216,181,91,.28); } .ms-home-today .ms-compact-match.is-classic-match.is-classic-standard, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match.is-classic-standard{ --ms-classic-metal:#c6cbd4; --ms-classic-metal-ink:#667085; --ms-classic-metal-soft:#f8fafc; --ms-classic-metal-glow:rgba(173,181,194,.22); } .ms-home-today .ms-compact-match.is-classic-match{ background: linear-gradient(180deg,color-mix(in srgb,var(--ms-classic-metal),transparent 94%) 0%,transparent 55%), linear-gradient( 90deg, color-mix(in srgb,var(--ms-classic-home,#315b91),transparent 90%) 0%, transparent 28%, transparent 72%, color-mix(in srgb,var(--ms-classic-away,#8b3b4a),transparent 90%) 100% ), var(--ms-card,#fff)!important; border:2px solid color-mix(in srgb,var(--ms-classic-metal),#ffffff 8%)!important; border-radius:14px!important; box-shadow: inset 4px 0 0 var(--ms-classic-home,#315b91), inset -4px 0 0 var(--ms-classic-away,#8b3b4a), 0 10px 22px var(--ms-classic-metal-glow), 0 0 0 1px color-mix(in srgb,var(--ms-classic-metal),transparent 44%)!important; margin:9px 5px!important; overflow:visible!important; padding-top:18px!important; position:relative!important; } .ms-home-today .ms-compact-match.is-classic-match:hover{ box-shadow: inset 4px 0 0 var(--ms-classic-home,#315b91), inset -4px 0 0 var(--ms-classic-away,#8b3b4a), 0 14px 30px color-mix(in srgb,var(--ms-classic-metal-glow),rgba(15,23,42,.06) 30%), 0 0 0 1px color-mix(in srgb,var(--ms-classic-metal),transparent 36%)!important; } .ms-home-today .ms-compact-classic-label{ align-items:center!important; background:linear-gradient(180deg,#fff,var(--ms-classic-metal-soft))!important; border:2px solid color-mix(in srgb,var(--ms-classic-metal),#fff 12%)!important; border-radius:999px!important; color:var(--ms-classic-metal-ink)!important; display:inline-flex!important; font-size:.54rem!important; font-weight:1000!important; left:14px!important; letter-spacing:.08em!important; line-height:1!important; max-width:calc(100% - 28px)!important; overflow:hidden!important; padding:5px 11px!important; position:absolute!important; text-overflow:ellipsis!important; text-transform:uppercase!important; top:-11px!important; transform:none!important; white-space:nowrap!important; z-index:6!important; box-shadow:0 6px 16px color-mix(in srgb,var(--ms-classic-metal-glow),rgba(15,23,42,.06) 40%)!important; } .ms-home-today .ms-compact-match.is-classic-match .ms-compact-match-meta{ position:relative!important; z-index:1!important; } .ms-home-today .ms-compact-match.is-classic-match .ms-compact-match-meta time{ padding-top:1px!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ border:2px solid color-mix(in srgb,var(--ms-classic-metal),#ffffff 8%)!important; box-shadow: inset 4px 0 0 var(--ms-classic-home,#315b91), inset -4px 0 0 var(--ms-classic-away,#8b3b4a), 0 10px 22px var(--ms-classic-metal-glow)!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match::before{ background: linear-gradient(180deg,color-mix(in srgb,var(--ms-classic-metal),transparent 95%) 0%,transparent 42%), linear-gradient( 90deg, color-mix(in srgb,var(--ms-classic-home,#315b91),transparent 89%) 0%, transparent 36%, transparent 64%, color-mix(in srgb,var(--ms-classic-away,#8b3b4a),transparent 89%) 100% )!important; } .ms-upcoming-classic-ribbon{ justify-content:flex-start!important; min-height:23px!important; padding:0 14px 0 12px!important; } .ms-upcoming-classic-ribbon::before, .ms-upcoming-classic-ribbon::after{display:none!important} .ms-upcoming-classic-ribbon>span{ background:linear-gradient(180deg,#fff,var(--ms-classic-metal-soft))!important; border:2px solid color-mix(in srgb,var(--ms-classic-metal),#fff 12%)!important; color:var(--ms-classic-metal-ink)!important; font-size:.57rem!important; letter-spacing:.07em!important; padding:5px 10px!important; box-shadow:0 6px 16px color-mix(in srgb,var(--ms-classic-metal-glow),rgba(15,23,42,.06) 40%)!important; } html[data-tessirve-color-mode="dark"] .ms-home-today .ms-compact-classic-label, html[data-tessirve-theme="canchero"] .ms-home-today .ms-compact-classic-label, html[data-tessirve-color-mode="dark"] .ms-upcoming-classic-ribbon>span, html[data-tessirve-theme="canchero"] .ms-upcoming-classic-ribbon>span{ background:linear-gradient(180deg,#1c2432,#0f1724)!important; color:color-mix(in srgb,var(--ms-classic-metal),#fff 14%)!important; border-color:color-mix(in srgb,var(--ms-classic-metal),#6b7280 18%)!important; } html[data-tessirve-color-mode="dark"] .ms-home-today .ms-compact-match.is-classic-match, html[data-tessirve-theme="canchero"] .ms-home-today .ms-compact-match.is-classic-match, html[data-tessirve-color-mode="dark"] .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match, html[data-tessirve-theme="canchero"] .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ border-color:color-mix(in srgb,var(--ms-classic-metal),#475467 30%)!important; } @media(max-width:640px){ .ms-home-today .ms-compact-match.is-classic-match{margin:8px 2px!important;padding-top:17px!important} .ms-home-today .ms-compact-classic-label{font-size:.46rem!important;left:10px!important;max-width:calc(100% - 20px)!important;padding:5px 9px!important;top:-10px!important} .ms-upcoming-classic-ribbon{padding-left:10px!important;padding-right:10px!important} .ms-upcoming-classic-ribbon>span{font-size:.52rem!important;padding:4px 9px!important} } /* ========================================================================== 5.17.112 — CLÁSICOS METÁLICOS UNIFICADOS Dorado = principal. Plateado = secundario. Sin franjas ni degradados con colores de los clubes. ========================================================================== */ .ms-home-today .ms-compact-match.is-classic-match, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ --ms-classic-metal:#b9c0cb; --ms-classic-metal-dark:#6f7887; --ms-classic-metal-light:#f6f8fb; --ms-classic-metal-bg:rgba(190,198,210,.09); --ms-classic-metal-shadow:rgba(113,124,140,.22); } .ms-home-today .ms-compact-match.is-classic-match.is-classic-major, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match.is-classic-major{ --ms-classic-metal:#d7ad3f; --ms-classic-metal-dark:#805b00; --ms-classic-metal-light:#fff7d5; --ms-classic-metal-bg:rgba(218,177,65,.095); --ms-classic-metal-shadow:rgba(190,143,22,.28); } /* MAIN: borde continuo metálico, sin cortes laterales por identidad de club. */ .ms-home-today .ms-compact-match.is-classic-match{ background: linear-gradient(180deg,color-mix(in srgb,var(--ms-classic-metal-light),transparent 45%) 0%,transparent 55%), linear-gradient(90deg,var(--ms-classic-metal-bg),transparent 38%,transparent 62%,var(--ms-classic-metal-bg)), var(--ms-card,#fff)!important; border:2.5px solid var(--ms-classic-metal)!important; border-radius:14px!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ms-classic-metal),transparent 48%), 0 9px 22px var(--ms-classic-metal-shadow)!important; } .ms-home-today .ms-compact-match.is-classic-match .ms-compact-crest-wrap.is-home, .ms-home-today .ms-compact-match.is-classic-match .ms-compact-crest-wrap.is-away{ filter:none!important; } .ms-home-today .ms-compact-classic-label{ background:linear-gradient(180deg,#fff,var(--ms-classic-metal-light))!important; border:2px solid var(--ms-classic-metal)!important; color:var(--ms-classic-metal-dark)!important; box-shadow:0 4px 12px var(--ms-classic-metal-shadow)!important; left:14px!important; right:auto!important; top:-11px!important; transform:none!important; } /* PRÓXIMOS: la tarjeta completa es metal; se eliminan las dos franjas de club. */ .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ background: linear-gradient(180deg,color-mix(in srgb,var(--ms-classic-metal-light),transparent 42%) 0%,transparent 48%), linear-gradient(90deg,var(--ms-classic-metal-bg),transparent 45%,var(--ms-classic-metal-bg)), var(--ms-card,#fff)!important; border:2.5px solid var(--ms-classic-metal)!important; border-radius:14px!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ms-classic-metal),transparent 48%), 0 9px 22px var(--ms-classic-metal-shadow)!important; overflow:hidden!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match::before{ display:none!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match .ms-upcoming-compact-top{ background:transparent!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match .ms-upcoming-rival>.ms-crest, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match .ms-upcoming-rival>.ms-crest-fallback{ filter:none!important; } .ms-upcoming-classic-ribbon{ justify-content:flex-start!important; min-height:23px!important; padding:4px 14px 0!important; } .ms-upcoming-classic-ribbon::before, .ms-upcoming-classic-ribbon::after{display:none!important} .ms-upcoming-classic-ribbon>span{ background:linear-gradient(180deg,#fff,var(--ms-classic-metal-light))!important; border:2px solid var(--ms-classic-metal)!important; color:var(--ms-classic-metal-dark)!important; box-shadow:0 4px 12px var(--ms-classic-metal-shadow)!important; } /* Plata con presencia real: ligeramente más frío/contrastado que una tarjeta normal. */ .ms-home-today .ms-compact-match.is-classic-match.is-classic-standard, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match.is-classic-standard{ --ms-classic-metal:#b2bbc8; --ms-classic-metal-dark:#586273; --ms-classic-metal-light:#f1f4f8; --ms-classic-metal-bg:rgba(150,162,180,.12); --ms-classic-metal-shadow:rgba(99,112,130,.21); } html[data-tessirve-color-mode="dark"] .ms-home-today .ms-compact-match.is-classic-match, html[data-tessirve-theme="canchero"] .ms-home-today .ms-compact-match.is-classic-match, html[data-tessirve-color-mode="dark"] .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match, html[data-tessirve-theme="canchero"] .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ background: linear-gradient(180deg,color-mix(in srgb,var(--ms-classic-metal),transparent 91%) 0%,transparent 52%), color-mix(in srgb,var(--ms-card,#151d28),#000 4%)!important; border-color:color-mix(in srgb,var(--ms-classic-metal),#fff 4%)!important; } html[data-tessirve-color-mode="dark"] .ms-home-today .ms-compact-classic-label, html[data-tessirve-theme="canchero"] .ms-home-today .ms-compact-classic-label, html[data-tessirve-color-mode="dark"] .ms-upcoming-classic-ribbon>span, html[data-tessirve-theme="canchero"] .ms-upcoming-classic-ribbon>span{ background:linear-gradient(180deg,#202a38,#121a25)!important; border-color:var(--ms-classic-metal)!important; color:color-mix(in srgb,var(--ms-classic-metal),#fff 22%)!important; } @media(max-width:640px){ .ms-home-today .ms-compact-match.is-classic-match, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ border-width:2px!important; } .ms-home-today .ms-compact-classic-label{left:10px!important;top:-10px!important} .ms-upcoming-classic-ribbon{padding-left:10px!important;padding-right:10px!important} } /* ========================================================================== 5.17.113 — Ajuste fino de clásicos en MAIN/Próximos - badge alineado dentro de la tarjeta - recupera el corte/separador con el partido vecino ========================================================================== */ .ms-home-today .ms-compact-match.is-classic-match{ margin:11px 5px!important; padding-top:26px!important; position:relative!important; z-index:1!important; } .ms-home-today .ms-compact-classic-label{ align-items:center!important; display:inline-flex!important; left:16px!important; max-width:calc(100% - 32px)!important; overflow:hidden!important; padding:4px 10px!important; right:auto!important; text-overflow:ellipsis!important; top:8px!important; transform:none!important; white-space:nowrap!important; } .ms-home-today .ms-compact-match.is-classic-match .ms-compact-match-meta, .ms-home-today .ms-compact-match.is-classic-match .ms-compact-match-center{ position:relative!important; z-index:1!important; } .ms-home-today .ms-compact-match.is-classic-match + .ms-compact-match{ border-top:1px solid var(--ms-line,#d0d5dd)!important; } .ms-home-today .ms-compact-match:not(.is-classic-match) + .ms-compact-match.is-classic-match{ margin-top:12px!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ margin-top:10px!important; } .ms-upcoming-classic-ribbon{ padding-top:8px!important; } .ms-upcoming-classic-ribbon > span{ position:relative!important; top:0!important; } @media(max-width:640px){ .ms-home-today .ms-compact-match.is-classic-match{margin:9px 2px!important;padding-top:24px!important} .ms-home-today .ms-compact-classic-label{left:10px!important;max-width:calc(100% - 20px)!important;top:7px!important} } /* ========================================================================== 5.17.114 — Clásicos compactos + borde metálico luminoso completo ========================================================================== */ .ms-home-today .ms-compact-match.is-classic-match, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ --ms-metal-deep:#737d8d; --ms-metal-mid:#c3cad5; --ms-metal-hi:#ffffff; --ms-metal-surface:#f7f9fc; --ms-metal-glow:rgba(191,201,216,.52); } .ms-home-today .ms-compact-match.is-classic-match.is-classic-major, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match.is-classic-major{ --ms-metal-deep:#886100; --ms-metal-mid:#d5aa2d; --ms-metal-hi:#fff4a8; --ms-metal-surface:#fffaf0; --ms-metal-glow:rgba(246,193,49,.48); } @keyframes ms-classic-metal-sheen{ 0%{background-position:0 0,0% 50%} 100%{background-position:0 0,190% 50%} } /* MAIN: ancho real dentro del grupo para que el borde derecho nunca se recorte. */ .ms-home-today .ms-compact-match.is-classic-match{ box-sizing:border-box!important; width:calc(100% - 8px)!important; margin:4px 4px!important; padding:5px 12px!important; border:2.5px solid transparent!important; border-radius:14px!important; background: linear-gradient(180deg,color-mix(in srgb,var(--ms-metal-surface),var(--ms-card,#fff) 35%),var(--ms-card,#fff)) padding-box, linear-gradient(110deg, var(--ms-metal-deep) 0%, var(--ms-metal-mid) 18%, var(--ms-metal-hi) 34%, var(--ms-metal-mid) 49%, var(--ms-metal-deep) 68%, var(--ms-metal-hi) 84%, var(--ms-metal-mid) 100%) border-box!important; background-size:100% 100%,220% 100%!important; box-shadow: 0 0 0 1px color-mix(in srgb,var(--ms-metal-mid),transparent 48%), 0 0 10px var(--ms-metal-glow), 0 5px 14px color-mix(in srgb,var(--ms-metal-glow),transparent 28%)!important; animation:ms-classic-metal-sheen 3.8s ease-in-out infinite alternate!important; overflow:visible!important; position:relative!important; z-index:1!important; } .ms-home-today .ms-compact-match.is-classic-match:hover{ box-shadow: 0 0 0 1px color-mix(in srgb,var(--ms-metal-mid),transparent 34%), 0 0 14px color-mix(in srgb,var(--ms-metal-glow),#fff 8%), 0 7px 18px var(--ms-metal-glow)!important; } /* Badge y hora comparten la franja superior: no agrega altura inútil. */ .ms-home-today .ms-compact-classic-label{ left:12px!important; right:auto!important; top:4px!important; transform:none!important; max-width:34%!important; min-height:0!important; padding:3px 9px!important; border:1.5px solid transparent!important; background: linear-gradient(180deg,#fff,var(--ms-metal-surface)) padding-box, linear-gradient(105deg,var(--ms-metal-deep),var(--ms-metal-hi),var(--ms-metal-mid),var(--ms-metal-deep)) border-box!important; color:var(--ms-metal-deep)!important; box-shadow:0 2px 7px color-mix(in srgb,var(--ms-metal-glow),transparent 18%)!important; font-size:.47rem!important; line-height:1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; z-index:7!important; } .ms-home-today .ms-compact-match.is-classic-match .ms-compact-match-meta{ min-height:11px!important; position:relative!important; z-index:2!important; } .ms-home-today .ms-compact-match.is-classic-match .ms-compact-match-meta time{ padding-top:0!important; } /* El propio borde del clásico reemplaza el separador; el partido vecino conserva el suyo. */ .ms-home-today .ms-compact-match.is-classic-match + .ms-compact-match{ border-top:1px solid var(--ms-line,#d0d5dd)!important; } .ms-home-today .ms-compact-match:not(.is-classic-match) + .ms-compact-match.is-classic-match{ margin-top:4px!important; } /* Próximos: mismo metal, sin colores cortados y con menos aire. */ .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ box-sizing:border-box!important; border:2.5px solid transparent!important; background: linear-gradient(180deg,color-mix(in srgb,var(--ms-metal-surface),var(--ms-card,#fff) 35%),var(--ms-card,#fff)) padding-box, linear-gradient(110deg, var(--ms-metal-deep) 0%, var(--ms-metal-mid) 18%, var(--ms-metal-hi) 34%, var(--ms-metal-mid) 49%, var(--ms-metal-deep) 68%, var(--ms-metal-hi) 84%, var(--ms-metal-mid) 100%) border-box!important; background-size:100% 100%,220% 100%!important; box-shadow:0 0 10px var(--ms-metal-glow),0 5px 14px color-mix(in srgb,var(--ms-metal-glow),transparent 28%)!important; animation:ms-classic-metal-sheen 3.8s ease-in-out infinite alternate!important; margin-top:4px!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match::before{display:none!important} .ms-upcoming-classic-ribbon{ min-height:18px!important; padding:3px 12px 0!important; } .ms-upcoming-classic-ribbon>span{ padding:3px 9px!important; border:1.5px solid transparent!important; background: linear-gradient(180deg,#fff,var(--ms-metal-surface)) padding-box, linear-gradient(105deg,var(--ms-metal-deep),var(--ms-metal-hi),var(--ms-metal-mid),var(--ms-metal-deep)) border-box!important; color:var(--ms-metal-deep)!important; box-shadow:0 2px 7px color-mix(in srgb,var(--ms-metal-glow),transparent 18%)!important; } html[data-tessirve-color-mode="dark"] .ms-home-today .ms-compact-match.is-classic-match, html[data-tessirve-theme="canchero"] .ms-home-today .ms-compact-match.is-classic-match, html[data-tessirve-color-mode="dark"] .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match, html[data-tessirve-theme="canchero"] .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{ background: linear-gradient(180deg,color-mix(in srgb,var(--ms-metal-mid),#111827 91%),color-mix(in srgb,var(--ms-card,#151d28),#000 3%)) padding-box, linear-gradient(110deg,var(--ms-metal-deep),var(--ms-metal-mid),var(--ms-metal-hi),var(--ms-metal-mid),var(--ms-metal-deep)) border-box!important; background-size:100% 100%,220% 100%!important; } html[data-tessirve-color-mode="dark"] .ms-home-today .ms-compact-classic-label, html[data-tessirve-theme="canchero"] .ms-home-today .ms-compact-classic-label, html[data-tessirve-color-mode="dark"] .ms-upcoming-classic-ribbon>span, html[data-tessirve-theme="canchero"] .ms-upcoming-classic-ribbon>span{ background: linear-gradient(180deg,#202a38,#121a25) padding-box, linear-gradient(105deg,var(--ms-metal-deep),var(--ms-metal-hi),var(--ms-metal-mid),var(--ms-metal-deep)) border-box!important; color:color-mix(in srgb,var(--ms-metal-mid),#fff 20%)!important; } @media(max-width:640px){ .ms-home-today .ms-compact-match.is-classic-match{ width:calc(100% - 4px)!important; margin:3px 2px!important; padding:5px 8px!important; border-width:2px!important; } .ms-home-today .ms-compact-classic-label{ left:8px!important; max-width:42%!important; padding:3px 7px!important; top:3px!important; font-size:.42rem!important; } .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{border-width:2px!important} .ms-upcoming-classic-ribbon{padding:3px 9px 0!important} } @media(prefers-reduced-motion:reduce){ .ms-home-today .ms-compact-match.is-classic-match, .ms-team-upcoming-page .ms-upcoming-match-card.is-classic-match{animation:none!important} }