body { font-family: Arial, sans-serif; background-color: #729b3c; background-image: url('https://www.promiedos.com.ar/images/pasto.png'); margin: 0; padding: 10px; padding-bottom: 110px; display: flex; justify-content: center; }
#container-principal { width: 100%; max-width: 900px; }
#logo-header { background-color: #004d26; text-align: center; padding: 8px; border: 1px solid #000; margin-bottom: 8px; }
#menu-grid { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.bloque { background-color: #004d26; border: 1px solid #000; width: calc(16.66% - 5px); min-width: 120px; flex-shrink: 0; flex-grow: 1; align-self: flex-start; }
.bloque-titulo { background-color: #00331a; color: #adff2f; font-size: 10px; font-weight: bold; padding: 5px; text-align: center; border-bottom: none; margin-bottom: 0; }
.bloque a { color: white; text-decoration: none; font-size: 10.5px; font-weight: bold; text-align: center; display: block; padding: 4px 5px; line-height: 1.2; }
.bloque a:hover { color: #adff2f; background: #00552b; }
#contenido { background-color: white; border: 1px solid #000; transition: opacity 0.25s ease; }
#contenido.fade-out { opacity: 0; }
#contenido.fade-in { opacity: 1; }
.header-t { background-color: #004d26; color: #ffff00; text-align: center; padding: 8px; font-size: 13px; font-weight: bold; margin-top: 15px; }
table { width: 100%; border-collapse: collapse; font-size: 12px; table-layout: fixed; }
th { background-color: #444; color: white; font-size: 10px; padding: 8px 2px; text-align: center; }
td { height: 35px; color: black; border-bottom: 1px solid #ccc; text-align: center; }
.c-pos { width: 25px; font-weight: bold; border-right: 1px solid #ccc; }
.c-equipo { width: auto; text-align: left; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.c-stat { width: 30px; text-align: center; font-size: 11px; }

.p-playoff { background-color: #d4edda !important; }
.p-mejorquinto { background-color: #ffe5b4 !important; }
.p-revalida { background-color: #1d6cbf !important; }
.p-naranja { background-color: #ffe0b2 !important; }
.p-promo { background-color: #fff3cd !important; }
.p-desc { background-color: #f8d7da !important; }
.p-promocion { background-color: #fff3cd !important; }

.nav-fechas { background-color: #ddd; padding: 8px; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; border-bottom: 1px solid #999; }
.btn-f { background: white; border: 1px solid #777; width: 28px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 11px; cursor: pointer; font-weight: bold; }
.btn-f.active { background: #004d26; color: white; }
.c-loc { width: 42%; text-align: right; padding-right: 8px; }
.c-res { width: 16%; font-weight: bold; background: #eee; border: 1px solid #ccc; }
.c-vis { width: 42%; text-align: left; padding-left: 8px; }
.msg-prox { padding: 80px; text-align: center; font-size: 22px; font-weight: bold; color: #bbb; }

.escudo { width: 16px; height: 16px; display: inline-block; vertical-align: middle; border: 1px solid #666; margin: 0 4px; background: white; position: relative; overflow: hidden; text-align: center; line-height: 16px; }

/* ESCUDOS */
.olimpo { background: linear-gradient(90deg, #000 20%, #ff0 20%, #ff0 40%, #000 40%, #000 60%, #ff0 60%, #ff0 80%, #000 80%); }
.villamitre { background: linear-gradient(90deg, green 33%, white 33%, white 66%, black 66%); }
.santamarina { background: linear-gradient(90deg, #ff0 20%, #000 20%, #000 40%, #ff0 40%, #ff0 60%, #000 60%, #000 80%, #ff0 80%); }
.germinal { background: linear-gradient(90deg, green 20%, white 20%, white 40%, green 40%, green 60%, white 60%, white 80%, green 80%); }
.circulo { background: linear-gradient(90deg, green 20%, #ff4500 20%, #ff4500 40%, green 40%, green 60%, #ff4500 60%, #ff4500 80%, green 80%); }
.kimberley { background: linear-gradient(90deg, green 50%, white 50%); display: inline-flex !important; align-items: center; justify-content: center; }
.kimberley::before { content: "K"; color: black; font-size: 10px; font-weight: bold; z-index: 1; }
.alvarado { background-color: #2a1db5; position: relative; }
.alvarado::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(-45deg, transparent 46%, white 46%, white 54%, transparent 54%); }
.gbrown { background-color: white; position: relative; border: 1px solid #000 !important; }
.gbrown::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(-45deg, transparent 46%, #2a1db5 46%, #2a1db5 54%, transparent 54%); }
.soldemayo { background-color: #00f2ff; position: relative; }
.soldemayo::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(-45deg, transparent 46%, white 46%, white 54%, transparent 54%); }
.libertad { background: linear-gradient(90deg, #00f 20%, #fff 20%, #fff 40%, #00f 40%, #00f 60%, #fff 60%, #fff 80%, #00f 80%); }
.liniers { background: linear-gradient(90deg, #000 20%, #fff 20%, #fff 40%, #000 40%, #000 60%, #fff 60%, #fff 80%, #000 80%); }
.huracan::before { content: "H"; color: red; font-size: 11px; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.sanfrancisco { background-color: skyblue; display:inline-flex; align-items:center; justify-content:center; }
.sanfrancisco::after { content: "SF"; font-size: 9px; font-weight: bold; color: black; }
.sporting { background: linear-gradient(90deg, red 50%, black 50%); }
.bellavista { background: linear-gradient(135deg, white 30%, green 30%, green 70%, white 70%); }
.laarmonia::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004da6; clip-path: polygon(0 0, 50% 50%, 100% 0, 100% 25%, 50% 75%, 0 25%); }
.dublin { background-color: red; display:inline-flex; align-items:center; justify-content:center; }
.dublin::after { content: "D"; font-size: 12px; font-weight: bold; color: white; }
.rosario { background: linear-gradient(90deg, #318ce7 33%, #fff 33%, #fff 66%, #e30613 66%); }
.comercial { background: linear-gradient(90deg, green 33%, yellow 33%, yellow 66%, green 66%); }
.pacificobb { background-color: green; color: white; font-size: 11px; font-weight: bold; display: inline-flex !important; align-items: center; justify-content: center; }
.pacificobb::before { content: "P"; }
.pacificoc { background-color: green; color: white; font-size: 9px; font-weight: bold; display: inline-flex !important; align-items: center; justify-content: center; }
.pacificoc::before { content: "PC"; }
.sansinena { background: linear-gradient(90deg, #e30613 20%, #fff 20%, #fff 40%, #e30613 40%, #e30613 60%, #fff 60%, #fff 80%, #e30613 80%); }
.pacifico { background-color: #008000; color: white; font-size: 9px; font-weight: bold; display: inline-flex !important; align-items: center; justify-content: center; }
.pacifico::before { content: "P"; }
.rosariopb { background: linear-gradient(90deg, #003DA5 33.3%, #fff 33.3%, #fff 66.6%, #ED2939 66.6%); }
.tirofederal { background: linear-gradient(90deg, #4b0082 20%, #ff0 20%, #ff0 40%, #4b0082 40%, #4b0082 60%, #ff0 60%, #ff0 80%, #4b0082 80%); }
.puertocomercial { background: linear-gradient(90deg, green 33%, #ff0 33%, #ff0 66%, green 66%); }
tr[onclick]:hover td { background-color: #e8f5e9 !important; }
.argmontemaiz { background: linear-gradient(90deg, #0F3F93 20%, #fff 20%, #fff 40%, #0F3F93 40%, #0F3F93 60%, #fff 60%, #fff 80%, #0F3F93 80%); }
.atenasrc { background-color: #001E45; background-image: linear-gradient(to right, transparent 40%, #fff 40%, #fff 60%, transparent 60%), linear-gradient(to bottom, transparent 40%, #fff 40%, #fff 60%, transparent 60%); }
.cipolletti { background: linear-gradient(90deg, #000 20%, #fff 20%, #fff 40%, #000 40%, #000 60%, #fff 60%, #fff 80%, #000 80%); }
.huracanlh::before { content: "HLH"; color: #DF2224; font-size: 8px; font-weight: 900; letter-spacing: -1px; display: flex; align-items: center; justify-content: center; }
.jantoniana { background: linear-gradient(135deg, #113553 46%, #fff 46%, #fff 54%, #3C2712 54%); }
.ldsbb { background: #30d1d1; }
.ldsbb::before { content: "LSBB"; color: #fff; font-size: 5px; font-weight: bold; }
.olavarria::before { content: "O"; color: #375dbd; font-size: 10px; font-weight: bold; }
.tresarroyos::before { content: "3A"; color: #111; font-size: 6px; font-weight: bold; }
.azul { background: #3759b0; }
.azul::before { content: "⚽"; font-size: 10px; }
.ayacucho::before { content: "CAF"; color: #1e3b85; font-size: 5px; font-weight: bold; }
.necochea::before { content: "LNF"; color: #1e3b85; font-size: 5px; font-weight: bold; }
.tandil { background: #fff; border: 2px solid #009abd; }
.tandil::before { content: "LTF"; color: #1e3b85; font-size: 5.3px; font-weight: bold; }
.dolores { background: #1d7a8f; }
.dolores::before { content: "LD"; color: #fff; font-size: 6px; font-weight: bold; }
.madariaga { background: linear-gradient(90deg, #4ec3de 20%, #fff 20%, #fff 35%, #4ec3de 35%, #4ec3de 65%, #fff 65%, #fff 80%, #4ec3de 80%); }
.madariaga::before { content: "LMF"; color: #111; font-size: 5px; font-weight: bold; }
.lacosta { background: linear-gradient(180deg, #242d85 20%, #fff 20%, #fff 35%, #242d85 35%, #242d85 65%, #fff 65%, #fff 80%, #242d85 80%); }
.guatrache { background: linear-gradient(90deg, #fff 31%, #5d67c9 31%, #5d67c9 69%, #fff 69%); }
.trenquelauquen { background: #cc0000; }
.trenquelauquen::before { content: "LTF"; color: #fff; font-size: 5px; font-weight: bold; }
.pehuajo { background: #1bd2e3; }
.pehuajo::before { content: "LPF"; color: #2e22ba; font-size: 5px; font-weight: bold; }
.sanvicente::before { content: "SV"; color: #000000; font-size: 10px; font-weight: bold; }
.laplata::before { content: "LP"; color: #000000; font-size: 10px; font-weight: bold; }
.guatrachepais::before { content: "GU"; color: #000000; font-size: 10px; font-weight: bold; }
.tartagal::before { content: "TA"; color: #000000; font-size: 10px; font-weight: bold; }
.jujuy::before { content: "JU"; color: #000000; font-size: 10px; font-weight: bold; }
.tucuman::before { content: "TUC"; color: #000000; font-size: 10px; font-weight: bold; }
.valleviejo::before { content: "VV"; color: #000000; font-size: 10px; font-weight: bold; }
.tinogasta::before { content: "TI"; color: #000000; font-size: 10px; font-weight: bold; }
.catamarcapais::before { content: "CA"; color: #000000; font-size: 10px; font-weight: bold; }
.riocuarto::before { content: "RC"; color: #000000; font-size: 10px; font-weight: bold; }
.rodeo::before { content: "RO"; color: #000000; font-size: 10px; font-weight: bold; }
.sanjuan::before { content: "SJ"; color: #000000; font-size: 10px; font-weight: bold; }
.albardon::before { content: "AL"; color: #000000; font-size: 10px; font-weight: bold; }
.malague::before { content: "MA"; color: #000000; font-size: 10px; font-weight: bold; }
.tupungato::before { content: "TU"; color: #000000; font-size: 10px; font-weight: bold; }
.lagunapaiva::before { content: "PA"; color: #000000; font-size: 10px; font-weight: bold; }
.parana::before { content: "PR"; color: #000000; font-size: 10px; font-weight: bold; }
.sanjorge::before { content: "SG"; color: #000000; font-size: 10px; font-weight: bold; }
.rafaela::before { content: "RF"; color: #000000; font-size: 10px; font-weight: bold; }
.sannicolas::before { content: "SN"; color: #000000; font-size: 10px; font-weight: bold; }
.sanpedro::before { content: "SP"; color: #000000; font-size: 10px; font-weight: bold; }
.chacabuco::before { content: "CHA"; color: #000000; font-size: 10px; font-weight: bold; }
.bariloche::before { content: "BA"; color: #000000; font-size: 10px; font-weight: bold; }
.trelew::before { content: "TR"; color: #000000; font-size: 10px; font-weight: bold; }
.gimnasiachivilcoy { background: linear-gradient(90deg, #035A23 20%, #fff 20%, #fff 40%, #035A23 40%, #000 60%, #fff 60%, #fff 80%, #035A23 80%); }
.defbelgranovr { background-color: #EF0D0F; display:inline-flex; align-items:center; justify-content:center; }
.defbelgranovr::after { content: "🐘"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 9px; }
.soldeamericafsa { background-color: #00339C; position: relative; }
.soldeamericafsa::after { content: "☀️"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 9px; }
.sanmartinfsa { background: repeating-linear-gradient(180deg, #ffffff, #ffffff 5.3px, #001937 5.3px, #001937 10.6px, #ffffff 10.6px, #ffffff 16px); display:inline-flex; align-items:center; justify-content:center; }
.ateneovecinosgralcabrera { background: #01A7E9; border: 2px solid #000000; }
.ateneovecinosgralcabrera::before { content: "AVB"; color: #000000; font-size: 4.5px; font-weight: bold; }
.aldosivi { background: linear-gradient(90deg, #3A9D6B 20%, #EBD425 20%, #EBD425 40%, #3A9D6B 40%, #3A9D6B 60%, #EBD425 60%, #EBD425 80%, #3A9D6B 80%); }
.argentinosancarlos  { background: linear-gradient(90deg, #01AAE4 20%, #fff 20%, #fff 40%, #01AAE4 40%, #01AAE4 60%, #fff 60%, #fff 80%, #01AAE4 80%); }
.juvunidachaco { background: linear-gradient(90deg, #CABF20 50%, #417F46 50%); }
.velez::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004da6; clip-path: polygon(0 0, 50% 50%, 100% 0, 100% 25%, 50% 75%, 0 25%); }
.centralcbasgo { background: linear-gradient(90deg, #000 20%, #fff 20%, #fff 40%, #000 40%, #000 60%, #fff 60%, #fff 80%, #000 80%); }
.universitarioparana { background: repeating-linear-gradient(180deg, #003197, #003197 5.3px, #fff 5.3px, #003197 10.6px, #003197 10.6px, #003197 16px); display:inline-flex; align-items:center; justify-content:center; }
.reconquistacf { background: linear-gradient(180deg, #008000 15%, transparent 15%), linear-gradient(90deg, #003093 50%, #F60001 50%); }
.sarmientohumboldt {background:linear-gradient(180deg,transparent 0% 30%,#FFD700 30% 50%,transparent 50% 100%),linear-gradient(90deg,#000 0% 20%,#FFD700 20% 40%,#000 40% 60%,#FFD700 60% 80%,#000 80% 100%);}
.sarmientojunin { background-color: #007F47; display:inline-flex; align-items:center; justify-content:center; }
.sarmientojunin::after { content: "S"; font-size: 9px; font-weight: bold; color: white; }
.gimnasiaytiro {background:linear-gradient(180deg,transparent 0% 30%,#fff 30% 50%,transparent 50% 100%),linear-gradient(90deg,#009ADC 0% 20%,#fff 20% 40%,#009ADC 40% 60%,#fff 60% 80%,#009ADC 80% 100%);}
.desamparados { background: linear-gradient(90deg, #00963E 20%, #fff 20%, #fff 40%, #00963E 40%, #00963E 60%, #fff 60%, #fff 80%, #00963E 80%); }
.depmaipu { background: linear-gradient(135deg, black 0% 33%, white 33% 66%, #DC0612 66% 70%); }
.atltucuman { background: linear-gradient(165deg, #5DB0DD 0% 42%, transparent 42% ), linear-gradient(165deg, transparent 0% 42%, white 42% 58%, transparent 58%), linear-gradient(90deg, #5DB0DD 0% 20%, white 20% 40%, #5DB0DD 40% 60%, white 60% 80%, #5DB0DD 80% 100% ); }
.bocaunidos { background: linear-gradient(90deg, #E32E33 20%, #F5E810 20%, #F5E810 40%, #E32E33 40%, #E32E33 60%, #F5E810 60%, #F5E810 80%, #E32E33 80%); }
.rosariocentral { background: linear-gradient(90deg, #22478B 20%, #F6DC2D 20%, #F6DC2D 40%, #22478B 40%, #22478B 60%, #F6DC2D 60%, #F6DC2D 80%, #22478B 80%); }
.rosariocentral::before {content: "C"; color: #F6DC2D; font-family: "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; -webkit-text-stroke: 0.35px #22478B; display: flex; align-items: center; justify-content:center; }
.unionsf { background: linear-gradient(90deg, #E61B23 20%, #fff 20%, #fff 40%, #E61B23 40%, #E61B23 60%, #fff 60%, #fff 80%, #E61B23 80%); }
.mascherano { background-color: black; display:inline-flex; align-items:center; justify-content:center; }
.mascherano::after { content: "JM"; font-size: 9px; font-weight: bold; color: white; }
.cai { background: linear-gradient(#fe8000, #fe8000) top / 100% 8% no-repeat, linear-gradient(#fe8000, #fe8000) bottom / 100% 8% no-repeat, linear-gradient(#fe8000, #fe8000) left / 8% 100% no-repeat, linear-gradient(#fe8000, #fe8000) right / 8% 100% no-repeat, #040e55; }
.maronese { position: relative; overflow: hidden; background: #fff; }
.maronese::before { content: ""; position: absolute; inset: 0; background: #6294f6; clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%); }
.maronese {background:#fff;position:relative;overflow:hidden}.maronese::before{content:"";position:absolute;inset:0;background:#6294f6;clip-path:polygon(0 0,0 100%,50% 100%)}.maronese::after{content:"";position:absolute;inset:0;background:#349724;clip-path:polygon(100% 0,100% 100%,50% 100%)}
.indeptenqn {background:#fff;position:relative;overflow:hidden}
.indeptenqn::before{content:"";position:absolute;inset:0;background:#f00;clip-path:polygon(0 33.3%,100% 24.5%,100% 41%,0 50%)}
.indeptenqn::after{content:"";position:absolute;inset:0;background:#f00;clip-path:polygon(0 58.8%,100% 50.2%,100% 66.5%,0 75.3%)}
.jjmoreno { background: linear-gradient(#fff, #fff) top / 100% 5% no-repeat, linear-gradient(#fff, #fff) bottom / 100% 5% no-repeat, linear-gradient(#fff, #fff) left / 5% 100% no-repeat, linear-gradient(#fff, #fff) right / 5% 100% no-repeat, #F76332; }
.jjmoreno::after { content: "JJ"; font-size: 9px; font-weight: bold; color: white; }
.bartolomemitre { background: linear-gradient(90deg, #30378C 20%, #EDDE51 20%, #EDDE51 40%, #30378C 40%, #30378C 60%, #EDDE51 60%, #EDDE51 80%, #30378C 80%); }
.defvilelas {background:linear-gradient(180deg,transparent 0% 30%,#fff 30% 50%,transparent 50% 100%),linear-gradient(90deg,#009602 0% 20%,#fff 20% 40%,#009602 40% 60%,#fff 60% 80%,#009602 80% 100%);}
.sarmientolb { background: linear-gradient(90deg, #fff 20%, #003194 20%, #003194 40%, #fff 40%, #fff 60%,
 #003194 60%, #003194 80%, #fff 80%); }
.spbelgrano {background:linear-gradient(180deg,transparent 0% 30%,#2E9B42 30% 50%,transparent 50% 100%),linear-gradient(90deg,#fff 0% 20%,#2E9B42 20% 40%,#fff 40% 60%,#fff 60% 80%,#fff 80% 100%);}
.splasparejas { background: linear-gradient(90deg, #E61B23 20%, #00A14D 20%, #00A14D 40%, #E61B23 40%, #E61B23 60%, #00A14D 60%, #00A14D 80%, #E61B23 80%); }
.costabrava { background: linear-gradient(90deg, #E80101 20%, #fff 20%, #fff 40%, #E80101 40%, #E80101 60%, #fff 60%, #fff 80%, #E80101 80%); }
.sanmartinmza { background: linear-gradient(90deg, #E80101 20%, #fff 20%, #fff 40%, #E80101 40%, #E80101 60%, #fff 60%, #fff 80%, #E80101 80%); }
.douglashaig { background: linear-gradient(90deg, #E80101 20%, #000 20%, #000 40%, #E80101 40%, #E80101 60%, #000 60%, #000 80%, #E80101 80%); }
.ellinqueño { background: linear-gradient(90deg, #495774 20%, #fff 20%, #fff 40%, #495774 40%, #495774 60%, #fff 60%, #fff 80%, #495774 80%); }
.deprincon { background: conic-gradient(from -45deg, #08add8 0deg 26deg, #fff 26deg 64deg, #08add8 64deg 90deg, #fff 90deg 116deg, #08add8 116deg 154deg, #fff 154deg 180deg, #08add8 180deg 206deg, #fff 206deg 244deg, #08add8 244deg 270deg, #fff 270deg 296deg, #08add8 296deg 334deg, #fff 334deg 360deg); }
.deprincon::after { content: "⚽"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 9px; }
.juvunidasl { background: linear-gradient(90deg, #F2D700 20%, #2A6AAF 20%, #2A6AAF 40%, #F2D700 40%, #F2D700 60%, #2A6AAF 60%, #2A6AAF 80%, #F2D700 80%); }
.fadep { background: linear-gradient(180deg, #000 0 27.2%, transparent 27.2%), linear-gradient(90deg, #000 20%, #E80101 20%, #E80101 40%, #000 40%, #000 60%, #E80101 60%, #E80101 80%, #000 80%); }
.nuevedejulio { background: linear-gradient(90deg, #E80101 20%, #fff 20%, #fff 40%, #E80101 40%, #E80101 60%, #fff 60%, #fff 80%, #E80101 80%); }
.gimnasiacdu { background: repeating-linear-gradient(180deg, #ffffff, #ffffff 5.3px, #018ED9 5.3px, #018ED9 10.6px, #ffffff 10.6px, #ffffff 16px); display:inline-flex; align-items:center; justify-content:center; }
.salta::before { content: "S"; color: #000000; font-size: 10px; font-weight: bold; }
.riogrande::before { content: "RG"; color: #000000; font-size: 10px; font-weight: bold; }
.elcalafate::before { content: "EC"; color: #000000; font-size: 10px; font-weight: bold; }


/* MENÚ DESPLEGABLE */
.bloque-titulo.sin-drop { cursor: pointer; text-align: left; }
.bloque-titulo.sin-drop:hover { background-color: #004d26; color: white; }
.bloque-titulo.con-drop { cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; border-bottom: none; }
.bloque-titulo.con-drop:hover { background-color: #004d26; }
.flecha { font-size: 8px; margin-left: 4px; }
.bloque-links { display: none; padding-bottom: 4px; }
.bloque-links.abierto { display: block; }

/* Femenino */
.municipales { background: #2ecc40; position: relative; overflow: hidden; }
.municipales::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; clip-path: polygon(0 0, 100% 0, 100% 40%, 50% 65%, 0 40%); }
.empleados { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' fill='%232ecc40'/%3E%3Ctext x='2' y='8' font-size='7' font-weight='bold' fill='white' font-family='serif'%3EA%3C/text%3E%3Ctext x='10' y='8' font-size='7' font-weight='bold' fill='white' font-family='serif'%3EE%3C/text%3E%3Ctext x='6' y='15' font-size='7' font-weight='bold' fill='white' font-family='serif'%3EC%3C/text%3E%3C/svg%3E") no-repeat center/cover; }

.estrellaoro { background: repeating-linear-gradient(180deg, #ffd700, #ffd700 5.3px, #000 5.3px, #000 10.6px, #ffd700 10.6px, #ffd700 16px); display:inline-flex; align-items:center; justify-content:center; }
.petroquimicos { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='16' height='16' fill='white'/%3E%3Ctext x='1' y='7' font-size='5' font-weight='bold' fill='%23008000' font-family='sans-serif'%3ESPIQ%3C/text%3E%3Ctext x='2' y='13' font-size='5' font-weight='bold' fill='%23008000' font-family='sans-serif'%3EPYA%3C/text%3E%3C/svg%3E") no-repeat center/cover; }

/* Formativas */
.liniersb { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'black'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.liniersc { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'black'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EC%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.bellavistab { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'white'%2F%3E%3Cpolygon%20points%3D'4.8%2C0%2016%2C0%2011.2%2C16%200%2C16'%20fill%3D'green'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.olimpob { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'black'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.tirofederalb { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'indigo'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.juventudunida { background: white; position: relative; }
.juventudunida::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: red; clip-path: polygon(0 0, 50% 50%, 100% 0, 100% 25%, 50% 75%, 0 25%); }

/* Escudos Menores C */
.bellavistac { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'white'%2F%3E%3Cpolygon%20points%3D'4.8%2C0%2016%2C0%2011.2%2C16%200%2C16'%20fill%3D'green'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EC%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.libertadb { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'%230000ff'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.liniersd { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'black'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'white'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3ED%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.linierse { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%2F%3E%3Crect%20x%3D%223.2%22%20y%3D%220%22%20width%3D%223.2%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%229.6%22%20y%3D%220%22%20width%3D%223.2%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20fill%3D%22red%22%20font-family%3D%22sans-serif%22%3EE%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.rosariopbb { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23003DA5%22%2F%3E%3Crect%20x%3D%225.3%22%20y%3D%220%22%20width%3D%225.4%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2210.7%22%20y%3D%220%22%20width%3D%225.3%22%20height%3D%2216%22%20fill%3D%22%23ED2939%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20fill%3D%22red%22%20font-family%3D%22sans-serif%22%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.bellavistad { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpolygon%20points%3D%224.8%2C0%2016%2C0%2011.2%2C16%200%2C16%22%20fill%3D%22green%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20fill%3D%22red%22%20font-family%3D%22sans-serif%22%3ED%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.olimpod { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22black%22%2F%3E%3Crect%20x%3D%223.2%22%20y%3D%220%22%20width%3D%223.2%22%20height%3D%2216%22%20fill%3D%22gold%22%2F%3E%3Crect%20x%3D%229.6%22%20y%3D%220%22%20width%3D%223.2%22%20height%3D%2216%22%20fill%3D%22gold%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20fill%3D%22red%22%20font-family%3D%22sans-serif%22%3ED%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.sanfranciscob { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22skyblue%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20fill%3D%22red%22%20font-family%3D%22sans-serif%22%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.tirofederalc { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'indigo'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EC%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.laarmoniab { background: white; position: relative; }
.laarmoniab::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004da6; clip-path: polygon(0 0, 50% 50%, 100% 0, 100% 25%, 50% 75%, 0 25%); }
.laarmoniab::before { content: "B"; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 7px; font-weight: bold; color: red; z-index: 2; line-height: 1; }
.olimpoc { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'black'%2F%3E%3Crect%20x%3D'3.2'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Crect%20x%3D'9.6'%20y%3D'0'%20width%3D'3.2'%20height%3D'16'%20fill%3D'gold'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EC%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }
.villamitreb { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'16'%20height%3D'16'%3E%3Crect%20width%3D'16'%20height%3D'16'%20fill%3D'green'%2F%3E%3Crect%20x%3D'5.3'%20y%3D'0'%20width%3D'5.4'%20height%3D'16'%20fill%3D'white'%2F%3E%3Ctext%20x%3D'50%25'%20y%3D'50%25'%20dominant-baseline%3D'middle'%20text-anchor%3D'middle'%20font-size%3D'11'%20font-weight%3D'bold'%20fill%3D'red'%20font-family%3D'sans-serif'%3EB%3C%2Ftext%3E%3C%2Fsvg%3E") no-repeat center/cover; }

/* Sub 13/15/17 - Federal A */
.balompie { background-color: #2abfc9; position: relative; }
.balompie::before { content: "B"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: white; font-weight: bold; font-size: 9px; z-index: 2; }
.balompie::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60%; height: 60%; background: #4a0a21; border-radius: 50%; z-index: 1; }
.macallister { background-color: #c8d90d; position: relative; }
.macallister::before { content: "CDMA"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #d90d0d; font-weight: bold; font-size: 6px; z-index: 1; white-space: nowrap; }
.p-azul { background-color: #d0e8f8 !important; }

/* Futsal */
.catamarca { background: linear-gradient(to right, #1a0da8 30%, #f5e800 30%, #f5e800 46%, #1a0da8 46%, #1a0da8 54%, #f5e800 54%, #f5e800 70%, #1a0da8 70%); }
.laestacion { background-color: #000; position: relative; }
.laestacion::after { content: "⚽"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 9px; }
.depfutsal { background-color: #fff; position: relative; border: 1px solid #eee; overflow: hidden; }
.depfutsal::before { content: "★"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #2832a0; font-size: 20px; line-height: 1; }
.los3chiflados { background-color: #000; position: relative; }
.los3chiflados::before { content: "CL3"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #ffd700; font-weight: bold; font-size: 6px; }
.laesperanza { background: linear-gradient(135deg, #fff 40%, #217a2f 40%, #217a2f 60%, #fff 60%); }
.bancoprovincia { background: repeating-linear-gradient(90deg, red 0%, red 20%, white 20%, white 40%, red 40%, red 60%, white 60%, white 80%, red 80%, red 100%); }
.eurekapinamar { background-color: #0890ff; display:inline-flex; align-items:center; justify-content:center; }
.eurekapinamar::after { content: "EK!"; font-size: 7px; font-weight: bold; color: white; display:flex; align-items:center; justify-content:center; width:100%; text-align:center; }
.torino { background-color: #6b0000; }
.cajusanbernardo { background: linear-gradient(180deg, #fffb08 35%, #0bbf17 35%, #0bbf17 65%, #fffb08 65%); }
.defvillaclelia { background: linear-gradient(90deg, #ff0 20%, #000 20%, #000 40%, #ff0 40%, #ff0 60%, #000 60%, #000 80%, #ff0 80%); }
.sydargentinos { background-color: #11258c; }
.puertofutsal { background: linear-gradient(180deg, #00a455 0%, #00a455 80%, #000 80%, #000 100%); }
.dedejulio { background-color: #8c28c9; }
.suteryh { background: linear-gradient(180deg, #3c3b89 35%, #fff 35%, #fff 65%, #3c3b89 65%); }

* { box-sizing: border-box; }

/* Banner publicitario */
.banner-img { width: 100%; height: auto; display: block; vertical-align: bottom; }
#banner-pub { max-height: 110px; }

@media (max-width: 600px) {
    body { padding: 5px; }

    /* TABLAS FIXTURE: layout fijo, escudo garantizado */
    table { table-layout: fixed; width: 100%; font-size: 10px; }
    td { height: 28px; }

    /* Columna local: escudo siempre visible, texto truncado */
    .c-loc {
        width: 40%;
        padding: 2px 2px 2px 2px;
        font-size: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-align: right;
    }
    .c-loc span {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .c-loc span > :first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
    }
    .c-loc .escudo {
        flex-shrink: 0;
        display: inline-block;
        vertical-align: middle;
    }
    /* Columna resultado */
    .c-res { width: 20%; font-size: 11px; }
    /* Columna visitante: escudo siempre visible, texto truncado */
    .c-vis {
        width: 40%;
        padding: 2px 2px 2px 2px;
        font-size: 10px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
    }

    /* ESCUDOS: tamaño fijo, nunca se recortan */
    .escudo {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        max-width: 14px !important;
        line-height: 12px;
        margin: 0 2px;
        flex-shrink: 0;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
    }

    /* POSICIONES: nombre truncado */
    .c-equipo {
        font-size: 10px;
        padding-left: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 120px;
    }
    .c-stat { font-size: 9px; padding: 0 2px; }

    /* BOTONES FECHAS */
    .btn-f { width: 24px; height: 22px; font-size: 10px; }

    /* HEADER */
    .header-t { font-size: 11px; padding: 6px; }

    /* MENÚ */
    .bloque { width: calc(50% - 5px); min-width: unset; }
    .bloque a { font-size: 10px; padding: 6px 4px; }
    .bloque-titulo { font-size: 9px; }

    /* BANNER: imagen mobile sin restricción de altura */
    body { padding-bottom: 215px; }
    #banner-pub { max-height: none; }
    #banner-pub img { width: 100%; height: auto; display: block; }
}
/* ── REG. AMATEUR FEMENINO – escudos nuevos ── */
.estudiantesunidos { background: linear-gradient(90deg, #000 20%, #fff 20%, #fff 40%, #000 40%, #000 60%, #fff 60%, #fff 80%, #000 80%); }
.alumniazuleno { background: linear-gradient(90deg, #fff 20%, #000 20%, #000 40%, #fff 40%, #fff 60%, #000 60%, #000 80%, #fff 80%); }
.sanjoseazul { position: relative; background: #fe0000; overflow: hidden; }
.sanjoseazul::before { content: ""; position: absolute; top: 0; left: 50%; width: 50%; height: 50%; background: #003399; }
.sanjoseazul::after  { content: ""; position: absolute; top: 50%; left: 0;   width: 50%; height: 50%; background: #003399; }
.ciudadolavarria { background: linear-gradient(90deg, #0116a3 33.33%, #fefefe 33.33%, #fefefe 66.66%, #000000 66.66%); }
.depsanjose { position: relative; background: #00962e; overflow: hidden; }
.depsanjose::before { content: ""; position: absolute; top: 0; left: 50%; width: 50%; height: 50%; background: #fcfaf8; }
.depsanjose::after  { content: ""; position: absolute; top: 50%; left: 0;   width: 50%; height: 50%; background: #fcfaf8; }
.sanlorenzomgp { background: linear-gradient(90deg, #fd0003 20%, #050006 20%, #050006 40%, #fd0003 40%, #fd0003 60%, #050006 60%, #050006 80%, #fd0003 80%); }
.racingfortin { background: linear-gradient(90deg, #4793f5 20%, #ffffff 20%, #ffffff 40%, #4793f5 40%, #4793f5 60%, #ffffff 60%, #ffffff 80%, #4793f5 80%); }
.juventudunidatandil { background-color: #ffffff; position: relative; }
.juventudunidatandil::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(-45deg, transparent 46%, black 46%, black 54%, transparent 54%); }
.sarmientopigue { background: linear-gradient(90deg, navy 0%, navy 20%, white 20%, white 40%, navy 40%, navy 60%, white 60%, white 80%, navy 80%, navy 100%); }
.ferrolavarria { background: linear-gradient(90deg, #87CEEB 0%, #87CEEB 20%, white 20%, white 40%, #87CEEB 40%, #87CEEB 60%, white 60%, white 80%, #87CEEB 80%, #87CEEB 100%); }
.ferropico { background: linear-gradient(45deg, green 0%, green 40%, white 40%, white 60%, green 60%, green 100%); }
.estudiantesolavarria { background: linear-gradient(90deg, #000 20%, #fff 20%, #fff 40%, #000 40%, #000 60%, #fff 60%, #fff 80%, #000 80%); }
.arg25demayo { background: linear-gradient(90deg, #000 20%, #fbff00 20%, #fbff00 40%, #000 40%, #000 60%, #fbff00 60%, #fbff00 80%, #000 80%); }
.embajadoresolavarria { background: linear-gradient(to right, #1900ff 0%, #1806bf 33.33%, #007816 33.33%, #007816 66.66%, #1900ff 66.66%, #1806bf 100%); }
.indeptesancayetano { background: linear-gradient(135deg, #fff 46%, #001f5b 46%, #001f5b 54%, #fff 54%); }
.ministerio { background: linear-gradient(to bottom, #fff 30%, #003193 30%, #003193 70%, #fff 70%); }
.quilmesmdp { background: linear-gradient(to right,#E20B28 0%,#E20B28 17%,#000 17%,#000 20%,#fff 20%,#fff 37%,#000 37%,#000 40%,#E20B28 40%,#E20B28 60%,#000 60%,#000 63%,#fff 63%,#fff 80%,#000 80%,#000 83%,#E20B28 83%,#E20B28 100%); }
.depnorte { background: linear-gradient(90deg, #000 20%, #fbff00 20%, #fbff00 40%, #000 40%, #000 60%, #fbff00 60%, #fbff00 80%, #000 80%); }
.defvaleriadelmar { background: linear-gradient(to bottom,#fff 0%,#fff 50%,#01F7F4 50%,#01F7F4 100%); }
.atlvillegas { background: #082148; }
.santarita { background: linear-gradient(to right,#fff 0%,#fff 50%,#082148 50%,#082148 100%); }
.fctrenquelauquen { background: linear-gradient(135deg,transparent 0%,transparent 17%,#F10008 17%,#F10008 25%,transparent 25%,transparent 42%,#F10008 42%,#F10008 50%,transparent 50%,transparent 67%,#F10008 67%,#F10008 75%,transparent 75%); }
.allboyssr { background: linear-gradient(to bottom,#2F257E 0%,#2F257E 35%,#F1E31A 35%,#F1E31A 65%,#2F257E 65%,#2F257E 100%); }
.allboystrenel { background: linear-gradient(to right,#2F257E 0%,#2F257E 20%,#F1E31A 20%,#F1E31A 40%,#2F257E 40%,#2F257E 60%,#F1E31A 60%,#F1E31A 80%,#2F257E 80%,#2F257E 100%); }
.santarosa::before { content: "SR"; color: #000000; font-size: 8px; font-weight: bold; }
.lomanegra::before { content: "LN"; color: #0181BF; font-size: 8px; font-weight: bold; }
.racingolavarria { background: #3C3488; }
.racingolavarria::before { content: "★"; color: #fff; font-size: 9px; position: absolute; top: 2px; left: 0; width: 100%; text-align: center; }
.villadiazvelez { background: #F75701; }
.villadiazvelez::before { content: "VDV"; color: #fff; font-size: 5px; font-weight: bold; position: absolute; top: 2px; left: 0; width: 100%; text-align: center; }
.elfortin { background: #012E95; }
.elfortin::before { content: "🏰"; font-size: 9px; filter: brightness(0) invert(1); }

/* ── MERCADO DE PASES ── */
.mp-visera {
    background: linear-gradient(135deg, #b8860b, #f0a500);
    color: #1a1a1a;
    text-align: center;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-bottom: 2px solid #7a5c00;
}
.mp-visera:hover { background: linear-gradient(135deg, #c9950f, #ffb700); }
.mp-visera-flecha { font-size: 10px; }

.mp-visera-dropdown {
    background: #fff8e1;
    border-bottom: 2px solid #f0a500;
    display: flex;
    flex-wrap: wrap;
}
.mp-visera-dropdown a {
    flex: 1 1 auto;
    min-width: 110px;
    text-align: center;
    padding: 10px 8px;
    font-size: 12px;
    font-weight: bold;
    color: #1a4a2e;
    text-decoration: none;
    border-right: 1px solid #eaddb7;
    background: #fff8e1;
}
.mp-visera-dropdown a:last-child { border-right: none; }
.mp-visera-dropdown a:hover { background: #f0a500; color: #fff; }

.mp-volver {
    background: #eee;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 10px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}
.mp-volver:hover { background: #ddd; }

.mp-lista-equipos { background: #fff; }
.mp-equipo-row {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}
.mp-equipo-row:hover { background: #f7f7f7; }
.mp-equipo-nombre { flex: 1; font-size: 13px; font-weight: bold; color: #222; }
.mp-equipo-contador { font-size: 10px; color: #777; }
.mp-flecha { font-size: 14px; color: #999; }

.mp-equipo-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: #f5f5f5;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.mp-sin-datos {
    padding: 18px;
    text-align: center;
    font-size: 12px;
    color: #999;
    font-style: italic;
}

@media (max-width: 600px) {
    .mp-visera { font-size: 11px; padding: 9px 8px; }
    .mp-visera-dropdown a { min-width: 45%; font-size: 11px; padding: 9px 6px; }
    .mp-equipo-nombre { font-size: 12px; }
}

/* ── Campeones históricos LDS — escudos nuevos ── */
.porteno { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20fill%3D%22black%22%20font-family%3D%22sans-serif%22%3EP%3C/text%3E%3C/svg%3E") no-repeat center/cover; border: 1px solid #ccc; }
.ferrocarrilsur { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22/%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20dominant-baseline%3D%22middle%22%20text-anchor%3D%22middle%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20fill%3D%22black%22%20font-family%3D%22sans-serif%22%3EFS%3C/text%3E%3C/svg%3E") no-repeat center/cover; border: 1px solid #ccc; }


/* ── Nombres largos: se acomodan en 2 renglones en vez de cortarse con "..." ── */
.c-equipo, .c-loc, .c-vis {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: break-word;
    line-height: 1.2;
}
.c-loc span {
    white-space: normal !important;
    overflow: visible !important;
}
@media (max-width: 600px) {
    .c-equipo { max-width: none !important; }
}