1<!DOCTYPE html> 2<html lang="es"> 3 4<head> 5 <meta charset="UTF-8"> 6<!-- This site is hosted on Netlify. Anyone can build and deploy a site 7 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=7170173f-1a88-4a36-a8c8-5163376ba0ef 8 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 <title>III RallySprint Silleda</title> 11 <style> 12 html { 13 scroll-behavior: smooth; 14 } 15 16 body { 17 font-family: Arial, sans-serif; 18 margin: 0; 19 padding: 0; 20 background-color: #ffffff; 21 color: #333; 22 min-height: 100vh; 23 display: flex; 24 flex-direction: column; 25 max-width: 100vw; 26 overflow-x: hidden; 27 } 28 29 header { 30 position: fixed; 31 top: 0; 32 left: 0; 33 width: 100%; 34 z-index: 1000; 35 background-color: #033d0a; 36 padding: 10px 20px; 37 display: flex; 38 justify-content: space-between; 39 align-items: center; 40 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 41 } 42 43 header img { 44 height: 50px; 45 } 46 47 .nav-buttons { 48 display: flex; 49 gap: 15px; 50 } 51 52 .menu-item { 53 position: relative; 54 padding: 8px 16px; 55 color: #ffffff; 56 font-weight: 600; 57 text-transform: uppercase; 58 font-size: 0.9rem; 59 transition: all 0.3s ease; 60 background: transparent; 61 border-radius: 6px; 62 border: 1px solid #ffffff; 63 text-decoration: none; 64 display: inline-block; 65 } 66 67 .menu-item:hover { 68 color: #033d0a; 69 background: #ffffff; 70 transform: translateY(-2px); 71 } 72 73 .menu-item::after { 74 content: ''; 75 position: absolute; 76 bottom: 0; 77 left: 50%; 78 width: 0; 79 height: 2px; 80 background: #ffffff; 81 transition: all 0.3s ease; 82 transform: translateX(-50%); 83 } 84 85 .menu-item:hover::after { 86 width: 80%; 87 } 88 89 .dropdown { 90 display: inline-block; 91 position: relative; 92 } 93 94 .dropdown-content { 95 display: none; 96 position: absolute; 97 top: 100%; 98 left: 0; 99 background-color: #033d0a; 100 min-width: 150px; 101 border: 1px solid #ffffff; 102 border-radius: 6px; 103 z-index: 1001; 104 padding: 0; 105 margin: 0; 106 } 107 108 .dropdown-content li { 109 list-style: none; 110 } 111 112 .dropdown-content a { 113 color: #ffffff; 114 padding: 8px 16px; 115 text-decoration: none; 116 display: block; 117 transition: background-color 0.3s; 118 } 119 120 .dropdown-content a:hover { 121 background-color: #ffffff; 122 color: #033d0a; 123 } 124 125 .dropdown:hover .dropdown-content { 126 display: block; 127 } 128 129 .social-icons { 130 display: flex; 131 gap: 10px; 132 align-items: center; 133 transform: translateX(-30px); 134 } 135 136 .social-icons a img { 137 height: 30px; 138 transition: transform 0.3s ease; 139 } 140 141 .social-icons a img:hover { 142 transform: scale(1.2); 143 } 144 145 footer { 146 position: relative; 147 text-align: center; 148 padding: 20px; 149 background-color: #033d0a; 150 color: white; 151 box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); 152 margin-top: 0; 153 flex-shrink: 0; 154 } 155 156 .footer-social-icons { 157 position: absolute; 158 right: 20px; 159 top: 50%; 160 transform: translateY(-50%); 161 } 162 163 .footer-social-icons a img { 164 height: 30px; 165 transition: transform 0.3s ease; 166 } 167 168 .footer-social-icons a img:hover { 169 transform: scale(1.2); 170 } 171 172 .content-wrapper { 173 margin-top: 90px; 174 padding: 20px; 175 max-width: 1200px; 176 margin-left: auto; 177 margin-right: auto; 178 flex: 1 0 auto; 179 /* Asegura que el contenido ocupe el espacio disponible */ 180 margin-bottom: 80px;
181 /* Espacio para el footer */ 182 } 183 184 .widget-container { 185 margin-bottom: 0; 186 position: relative; 187 display: flex; 188 justify-content: center; 189 align-items: flex-start; 190 } 191 192 .sportity-box { 193 width: 100vw; 194 max-width: 100%; 195 height: calc((100vh - 180px) / 2); 196 background: #fff; 197 border-radius: 18px; 198 box-shadow: 0 4px 16px rgba(0, 0, 0, 0); 199 overflow: hidden; 200 display: flex; 201 justify-content: center; 202 align-items: center; 203 } 204 205 .sportity-box iframe { 206 width: 100%; 207 height: 100%; 208 border: none; 209 display: block; 210 } 211 212 .button-container { 213 position: absolute; 214 left: 50%; 215 top: 47vh; 216 transform: translateX(-50%); 217 width: 100vw; 218 text-align: center; 219 margin: 2vw 0 0 0; 220 z-index: 10; 221 } 222 223 .download-btn { 224 display: inline-block; 225 background-color: #033d0a; 226 color: #ffffff; 227 text-decoration: none; 228 font-size: 1.8rem; 229 font-weight: bold; 230 padding: 30px 60px; 231 border-radius: 12px; 232 transition: all 0.4s ease; 233 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 234 } 235 236 .download-btn:hover { 237 background-color: #025c0e; 238 transform: scale(1.1); 239 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); 240 } 241 242 @media (max-width: 768px) { 243 header { 244 flex-direction: column; 245 align-items: flex-start; 246 padding: 10px; 247 } 248 249 .nav-buttons { 250 flex-direction: column; 251 gap: 10px; 252 width: 100%; 253 } 254 255 .menu-item { 256 width: 100%; 257 text-align: center; 258 } 259 260 .social-icons { 261 transform: translateX(0); 262 justify-content: center; 263 width: 100%; 264 } 265 266 .hero-wrapper { 267 flex-direction: column; 268 align-items: center; 269 gap: 20px; 270 padding: 0; 271 } 272 273 .hero { 274 width: 100%; 275 height: 50vh; 276 margin: 0; 277 } 278 279 .placa-box { 280 margin-left: 0; 281 width: 80%; 282 } 283 284 .logos-box { 285 bottom: 10px; 286 left: 50%; 287 transform: translateX(-50%); 288 flex-wrap: wrap; 289 gap: 5px; 290 } 291 292 .logos-box img { 293 width: 60px; 294 } 295 296 .side-logos-box { 297 width: 100%; 298 align-items: center; 299 gap: 20px; 300 } 301 302 .side-logos-box img { 303 width: 80%; 304 } 305 306 .countdown { 307 width: 90%; 308 } 309 310 .container { 311 padding: 20px; 312 } 313 314 .sponsors-carousel { 315 margin: 10px auto; 316 } 317 318 .sponsor-box img { 319 max-height: 150px; 320 } 321 322 .final-slider { 323 flex-direction: column; 324 gap: 20px; 325 margin: 20px; 326 width: 100%; 327 } 328 329 .final-slider .left-box { 330 width: 90%; 331 } 332 333 .final-slider .right-box { 334 width: 90%; 335 } 336 337 footer { 338 position: fixed; 339 left: 0; 340 bottom: 0; 341 width: 100vw; 342 z-index: 2000; 343 text-align: center; 344 padding: 20px; 345 background-color: #033d0a; 346 color: white; 347 box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); 348 margin-top: 0;
349 } 350 351 .button-container { 352 margin: 40px 0 0 0; 353 } 354 355 .footer-social-icons { 356 position: static; 357 margin-top: 10px; 358 } 359 360 .footer-social-icons a img { 361 height: 22px; 362 transition: transform 0.3s ease; 363 } 364 365 .footer-social-icons a img:hover { 366 transform: scale(1.2); 367 } 368 } 369 370 @media (min-width: 701px) and (max-width: 1000px) { 371 header { 372 position: static; 373 flex-direction: column; 374 align-items: center; 375 padding: 10px 5vw; 376 box-shadow: none; 377 } 378 379 header img { 380 display: block; 381 margin: 0 auto 10px auto; 382 height: 48px; 383 } 384 385 .nav-buttons { 386 flex-direction: column; 387 width: 100%; 388 gap: 8px; 389 margin-top: 10px; 390 align-items: center; 391 } 392 393 .menu-item, 394 .dropdown { 395 width: auto !important; 396 min-width: unset; 397 max-width: 90vw; 398 margin-left: 0; 399 margin-right: 0; 400 box-sizing: border-box; 401 padding-left: 18px; 402 padding-right: 18px; 403 } 404 405 .menu-item { 406 text-align: center; 407 padding: 12px 18px; 408 font-size: 1rem; 409 border-radius: 8px; 410 width: auto !important; 411 display: inline-block; 412 } 413 414 .dropdown-content { 415 position: static; 416 min-width: 100%; 417 border: none; 418 box-shadow: none; 419 background: #033d0a; 420 border-radius: 0 0 8px 8px; 421 } 422 423 .dropdown-content a { 424 padding-left: 24px; 425 } 426 427 .social-icons { 428 margin-top: 10px; 429 transform: none; 430 } 431 432 .button-container { 433 margin: 4vw 0 0 0; 434 } 435 436 footer { 437 position: relative; 438 text-align: center; 439 padding: 20px; 440 background-color: #033d0a; 441 color: white; 442 box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.2); 443 margin-top: 0; 444 } 445 446 .footer-social-icons { 447 position: absolute; 448 right: 20px; 449 top: 50%; 450 transform: translateY(-50%); 451 margin-top: 0; 452 } 453 454 .footer-social-icons a img { 455 height: 22px; 456 transition: transform 0.3s ease; 457 } 458 459 .footer-social-icons a img:hover { 460 transform: scale(1.2); 461 } 462 463 .hero .placa-box { 464 position: absolute; 465 top: 10px; 466 left: 50%; 467 transform: translateX(-50%); 468 width: 120px !important; 469 height: auto; 470 margin-left: 0; 471 display: flex; 472 justify-content: center; 473 align-items: flex-start; 474 z-index: 2; 475 } 476 477 .hero .placa-box img { 478 width: 100%; 479 height: auto; 480 } 481 } 482 </style> 483</head> 484 485<body> 486 487 <header> 488 <img src="./images/escuderia.png" alt="Logo Escuderia"> 489 <div class="nav-buttons"> 490 <a class='menu-item' href='/'>Inicio</a> 491 492 <div class="dropdown"> 493 <a class='menu-item' href='/escuderia#sobre-nos'>Escuderia</a> 494 <ul class="dropdown-content"> 495 <li><a href='/escuderia#sobre-nos'>Sobre nós</a></li> 496 <li><a href='/escuderia#organizacion'>Organización</a></li> 497 </ul> 498 </div> 499 <a class='menu-item' href='/iiirallysprint'>III RallySprint Silleda</a> 500 <a class='menu-item' href='/colaboradores'>Colaboradores</a> 501 <a class='menu-item' href='/prensa'>Prensa</a> 502 </div> 503 <div class="social-icons"> 504 <a href="mailto:[email protected]"><img src="./images/mail.png" alt="Mail"></a> 505 <a href="https://www.instagram.com/escuderiasilleda/"><img src="./images/instagram.png" alt="Instagram"></a> 506 <a href="https://www.facebook.com/p/Escuder%C3%ADa-Silleda-61551747967090/?locale=es_LA"> 507 <img src="./images/facebook.png" alt="Facebook"> 508 </a> 509 </div> 510 </header> 511 512 513 <div class="content-wrapper widget-container"> 514 <div class="sportity-box"> 515 <iframe src="https://webapp.sportity.com/channel/SILLEDA26" title="Widget III RallySprint Silleda"></iframe> 516 </div> 517 <div class="button-container"> 518 <a href="./IIIRallySprintSilleda-GuiaEspectador.pdf" 519 class="download-btn" target="_blank"> 520 GUÃA DO ESPECTADOR 521 </a> 522 </div> 523 </div> 524 525 526 <footer> 527 Escuderia Silleda © 2026 528 <div class="footer-social-icons"> 529 <a href="mailto:[email protected]"><img src="./images/mail.png" alt="Mail"></a> 530 <a href="https://www.instagram.com/escuderiasilleda/"><img src="./images/instagram.png" alt="Instagram"></a> 531 <a href="https://www.facebook.com/p/Escuder%C3%ADa-Silleda-61551747967090/?locale=es_LA"> 532 <img src="./images/facebook.png" alt="Facebook"> 533 </a> 534 </div> 535 </footer> 536</body> 537 538</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.