@charset "UTF-8";
/* CSS Document */


.boton {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-color: #333;
	position: relative;
}

.boton img {
    display: block;
	border-radius: 10px;
	width: 100%;
	height: auto;
}

.boton .tapa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 10px;
    pointer-events: none; /* Asegura que el adorno no interfiera con el enlace */
}

.bt {
	background-image: url('botones/botones.webp?v=2026');
    background-size: 1000px auto;
    background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	border-radius: 10px;
}

.btn1 { background-position: 0px -0px; } .btn2 { background-position: -100px -0px; } .btn3 { background-position: -200px -0px; } .btn4 { background-position: -300px -0px; } .btn5 { background-position: -400px -0px; } .btn6 { background-position: -500px -0px; } .btn7 { background-position: -600px -0px; } .btn8 { background-position: -700px -0px; } .btn9 { background-position: -800px -0px; } .btn10 { background-position: -900px -0px; } .btn11 { background-position: 0px -100px; } .btn12 { background-position: -100px -100px; } .btn13 { background-position: -200px -100px; } .btn14 { background-position: -300px -100px; } .btn15 { background-position: -400px -100px; } .btn16 { background-position: -500px -100px; } .btn17 { background-position: -600px -100px; } .btn18 { background-position: -700px -100px; } .btn19 { background-position: -800px -100px; } .btn20 { background-position: -900px -100px; } .btn21 { background-position: 0px -200px; } .btn22 { background-position: -100px -200px; } .btn23 { background-position: -200px -200px; } .btn24 { background-position: -300px -200px; } .btn25 { background-position: -400px -200px; } .btn26 { background-position: -500px -200px; } .btn27 { background-position: -600px -200px; } .btn28 { background-position: -700px -200px; } .btn29 { background-position: -800px -200px; } .btn30 { background-position: -900px -200px; } .btn31 { background-position: 0px -300px; } .btn32 { background-position: -100px -300px; } .btn33 { background-position: -200px -300px; } .btn34 { background-position: -300px -300px; } .btn35 { background-position: -400px -300px; } .btn36 { background-position: -500px -300px; } .btn37 { background-position: -600px -300px; } .btn38 { background-position: -700px -300px; } .btn39 { background-position: -800px -300px; } .btn40 { background-position: -900px -300px; } .btn41 { background-position: 0px -400px; } .btn42 { background-position: -100px -400px; } .btn43 { background-position: -200px -400px; } .btn44 { background-position: -300px -400px; } .btn45 { background-position: -400px -400px; } .btn46 { background-position: -500px -400px; } .btn47 { background-position: -600px -400px; } .btn48 { background-position: -700px -400px; } .btn49 { background-position: -800px -400px; } .btn50 { background-position: -900px -400px; } .btn51 { background-position: 0px -500px; } .btn52 { background-position: -100px -500px; } .btn53 { background-position: -200px -500px; } .btn54 { background-position: -300px -500px; } .btn55 { background-position: -400px -500px; } .btn56 { background-position: -500px -500px; } .btn57 { background-position: -600px -500px; } .btn58 { background-position: -700px -500px; } .btn59 { background-position: -800px -500px; } .btn60 { background-position: -900px -500px; } .btn61 { background-position: 0px -600px; } .btn62 { background-position: -100px -600px; } .btn63 { background-position: -200px -600px; } .btn64 { background-position: -300px -600px; } .btn65 { background-position: -400px -600px; } .btn66 { background-position: -500px -600px; } .btn67 { background-position: -600px -600px; } .btn68 { background-position: -700px -600px; } .btn69 { background-position: -800px -600px; } .btn70 { background-position: -900px -600px; } .btn71 { background-position: 0px -700px; } .btn72 { background-position: -100px -700px; } .btn73 { background-position: -200px -700px; } .btn74 { background-position: -300px -700px; } .btn75 { background-position: -400px -700px; } .btn76 { background-position: -500px -700px; } .btn77 { background-position: -600px -700px; } .btn78 { background-position: -700px -700px; } .btn79 { background-position: -800px -700px; } .btn80 { background-position: -900px -700px; } .btn81 { background-position: 0px -800px; } .btn82 { background-position: -100px -800px; } .btn83 { background-position: -200px -800px; } .btn84 { background-position: -300px -800px; } .btn85 { background-position: -400px -800px; } .btn86 { background-position: -500px -800px; } .btn87 { background-position: -600px -800px; } .btn88 { background-position: -700px -800px; } .btn89 { background-position: -800px -800px; } .btn90 { background-position: -900px -800px; } .btn91 { background-position: 0px -900px; } .btn92 { background-position: -100px -900px; } .btn93 { background-position: -200px -900px; } .btn94 { background-position: -300px -900px; } .btn95 { background-position: -400px -900px; } .btn96 { background-position: -500px -900px; } .btn97 { background-position: -600px -900px; } .btn98 { background-position: -700px -900px; } .btn99 { background-position: -800px -900px; } .btn100 { background-position: -900px -900px; } .btn101 { background-position: 0px -1000px; } .btn102 { background-position: -100px -1000px; } .btn103 { background-position: -200px -1000px; } .btn104 { background-position: -300px -1000px; } .btn105 { background-position: -400px -1000px; } .btn106 { background-position: -500px -1000px; } .btn107 { background-position: -600px -1000px; } .btn108 { background-position: -700px -1000px; } .btn109 { background-position: -800px -1000px; } .btn110 { background-position: -900px -1000px; } .btn111 { background-position: 0px -1100px; } .btn112 { background-position: -100px -1100px; } .btn113 { background-position: -200px -1100px; } .btn114 { background-position: -300px -1100px; } .btn115 { background-position: -400px -1100px; } .btn116 { background-position: -500px -1100px; } .btn117 { background-position: -600px -1100px; } .btn118 { background-position: -700px -1100px; } .btn119 { background-position: -800px -1100px; } .btn120 { background-position: -900px -1100px; } .btn121 { background-position: 0px -1200px; } .btn122 { background-position: -100px -1200px; } .btn123 { background-position: -200px -1200px; } .btn124 { background-position: -300px -1200px; } .btn125 { background-position: -400px -1200px; } .btn126 { background-position: -500px -1200px; } .btn127 { background-position: -600px -1200px; } .btn128 { background-position: -700px -1200px; } .btn129 { background-position: -800px -1200px; } .btn130 { background-position: -900px -1200px; } .btn131 { background-position: 0px -1300px; } .btn132 { background-position: -100px -1300px; } .btn133 { background-position: -200px -1300px; } .btn134 { background-position: -300px -1300px; } .btn135 { background-position: -400px -1300px; } .btn136 { background-position: -500px -1300px; } .btn137 { background-position: -600px -1300px; } .btn138 { background-position: -700px -1300px; } .btn139 { background-position: -800px -1300px; } .btn140 { background-position: -900px -1300px; } .btn141 { background-position: 0px -1400px; } .btn142 { background-position: -100px -1400px; } .btn143 { background-position: -200px -1400px; } .btn144 { background-position: -300px -1400px; } .btn145 { background-position: -400px -1400px; } .btn146 { background-position: -500px -1400px; } .btn147 { background-position: -600px -1400px; } .btn148 { background-position: -700px -1400px; } .btn149 { background-position: -800px -1400px; } .btn150 { background-position: -900px -1400px; } .btn151 { background-position: 0px -1500px; } .btn152 { background-position: -100px -1500px; } .btn153 { background-position: -200px -1500px; } .btn154 { background-position: -300px -1500px; } .btn155 { background-position: -400px -1500px; } .btn156 { background-position: -500px -1500px; } .btn157 { background-position: -600px -1500px; } .btn158 { background-position: -700px -1500px; } .btn159 { background-position: -800px -1500px; } .btn160 { background-position: -900px -1500px; } .btn161 { background-position: 0px -1600px; } .btn162 { background-position: -100px -1600px; } .btn163 { background-position: -200px -1600px; } .btn164 { background-position: -300px -1600px; } .btn165 { background-position: -400px -1600px; } .btn166 { background-position: -500px -1600px; } .btn167 { background-position: -600px -1600px; } .btn168 { background-position: -700px -1600px; } .btn169 { background-position: -800px -1600px; } .btn170 { background-position: -900px -1600px; } .btn171 { background-position: 0px -1700px; } .btn172 { background-position: -100px -1700px; } .btn173 { background-position: -200px -1700px; } .btn174 { background-position: -300px -1700px; } .btn175 { background-position: -400px -1700px; } .btn176 { background-position: -500px -1700px; } .btn177 { background-position: -600px -1700px; } .btn178 { background-position: -700px -1700px; } .btn179 { background-position: -800px -1700px; } .btn180 { background-position: -900px -1700px; } .btn181 { background-position: 0px -1800px; } .btn182 { background-position: -100px -1800px; } .btn183 { background-position: -200px -1800px; } .btn184 { background-position: -300px -1800px; } .btn185 { background-position: -400px -1800px; } .btn186 { background-position: -500px -1800px; } .btn187 { background-position: -600px -1800px; } .btn188 { background-position: -700px -1800px; } .btn189 { background-position: -800px -1800px; } .btn190 { background-position: -900px -1800px; } .btn191 { background-position: 0px -1900px; } .btn192 { background-position: -100px -1900px; } .btn193 { background-position: -200px -1900px; } .btn194 { background-position: -300px -1900px; } .btn195 { background-position: -400px -1900px; } .btn196 { background-position: -500px -1900px; } .btn197 { background-position: -600px -1900px; } .btn198 { background-position: -700px -1900px; } .btn199 { background-position: -800px -1900px; } .btn200 { background-position: -900px -1900px; } .btn201 { background-position: 0px -2000px; } .btn202 { background-position: -100px -2000px; } .btn203 { background-position: -200px -2000px; } .btn204 { background-position: -300px -2000px; } .btn205 { background-position: -400px -2000px; } .btn206 { background-position: -500px -2000px; } .btn207 { background-position: -600px -2000px; } .btn208 { background-position: -700px -2000px; } .btn209 { background-position: -800px -2000px; } .btn210 { background-position: -900px -2000px; }

.btn211 { background-position: 0px -2100px; } .btn212 { background-position: -100px -2100px; } .btn213 { background-position: -200px -2100px; } .btn214 { background-position: -300px -2100px; } .btn215 { background-position: -400px -2100px; } .btn216 { background-position: -500px -2100px; } .btn217 { background-position: -600px -2100px; } .btn218 { background-position: -700px -2100px; } .btn219 { background-position: -800px -2100px; } .btn220 { background-position: -900px -2100px; } .btn221 { background-position: 0px -2200px; } .btn222 { background-position: -100px -2200px; } .btn223 { background-position: -200px -2200px; } .btn224 { background-position: -300px -2200px; } .btn225 { background-position: -400px -2200px; } .btn226 { background-position: -500px -2200px; } .btn227 { background-position: -600px -2200px; } .btn228 { background-position: -700px -2200px; } .btn229 { background-position: -800px -2200px; } .btn230 { background-position: -900px -2200px; } .btn231 { background-position: 0px -2300px; } .btn232 { background-position: -100px -2300px; } .btn233 { background-position: -200px -2300px; } .btn234 { background-position: -300px -2300px; } .btn235 { background-position: -400px -2300px; } .btn236 { background-position: -500px -2300px; } .btn237 { background-position: -600px -2300px; } .btn238 { background-position: -700px -2300px; } .btn239 { background-position: -800px -2300px; } .btn240 { background-position: -900px -2300px; } .btn241 { background-position: 0px -2400px; } .btn242 { background-position: -100px -2400px; } .btn243 { background-position: -200px -2400px; } .btn244 { background-position: -300px -2400px; } .btn245 { background-position: -400px -2400px; } .btn246 { background-position: -500px -2400px; } .btn247 { background-position: -600px -2400px; } .btn248 { background-position: -700px -2400px; } .btn249 { background-position: -800px -2400px; } .btn250 { background-position: -900px -2400px; } .btn251 { background-position: 0px -2500px; } .btn252 { background-position: -100px -2500px; } .btn253 { background-position: -200px -2500px; } .btn254 { background-position: -300px -2500px; } .btn255 { background-position: -400px -2500px; } .btn256 { background-position: -500px -2500px; } .btn257 { background-position: -600px -2500px; } .btn258 { background-position: -700px -2500px; } .btn259 { background-position: -800px -2500px; } .btn260 { background-position: -900px -2500px; } .btn261 { background-position: 0px -2600px; } .btn262 { background-position: -100px -2600px; } .btn263 { background-position: -200px -2600px; } .btn264 { background-position: -300px -2600px; } .btn265 { background-position: -400px -2600px; } .btn266 { background-position: -500px -2600px; } .btn267 { background-position: -600px -2600px; } .btn268 { background-position: -700px -2600px; } .btn269 { background-position: -800px -2600px; } .btn270 { background-position: -900px -2600px; } .btn271 { background-position: 0px -2700px; } .btn272 { background-position: -100px -2700px; } .btn273 { background-position: -200px -2700px; } .btn274 { background-position: -300px -2700px; } .btn275 { background-position: -400px -2700px; } .btn276 { background-position: -500px -2700px; } .btn277 { background-position: -600px -2700px; } .btn278 { background-position: -700px -2700px; } .btn279 { background-position: -800px -2700px; } .btn280 { background-position: -900px -2700px; } .btn281 { background-position: 0px -2800px; } .btn282 { background-position: -100px -2800px; } .btn283 { background-position: -200px -2800px; } .btn284 { background-position: -300px -2800px; } .btn285 { background-position: -400px -2800px; } .btn286 { background-position: -500px -2800px; } .btn287 { background-position: -600px -2800px; } .btn288 { background-position: -700px -2800px; } .btn289 { background-position: -800px -2800px; } .btn290 { background-position: -900px -2800px; } .btn291 { background-position: 0px -2900px; } .btn292 { background-position: -100px -2900px; } .btn293 { background-position: -200px -2900px; } .btn294 { background-position: -300px -2900px; } .btn295 { background-position: -400px -2900px; } .btn296 { background-position: -500px -2900px; } .btn297 { background-position: -600px -2900px; } .btn298 { background-position: -700px -2900px; } .btn299 { background-position: -800px -2900px; } .btn300 { background-position: -900px -2900px; }

/* Ligas interesantes: contenedor flex para botones uno al lado del otro */
.ligas-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
/*    justify-content: center;*/
    width: 1470px;
	margin-left: auto;
	margin-right: auto;
}
.ligas-grid .element-item {
    margin: 0;
}

@media only screen and (min-width: 1280px) and (max-width: 1469px) {
.ligas-grid  {width: 1260px;}
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
.ligas-grid  {width: 945px;}
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
.ligas-grid  {width: 630px;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
.ligas-grid  {width: 420px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.ligas-grid  {width: 315px;}
}