:root{margin:0!important;font-family:Roboto,serif;background-color:#fffff1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overlay-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}html,body{margin:0;padding:0;height:100vh;width:100vw}.main{display:grid;height:100vh}.desktop-only{display:none}.banner-top{width:728px;height:90px;position:absolute;top:60px;left:26%}.banner-top-left{width:300px;height:250px;position:absolute;top:30%;left:1%}.banner-top-right{width:300px;height:250px;position:absolute;top:30%;right:1%}#cookie-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 4px 6px #0003;z-index:1000;max-width:90%;text-align:center;font-family:Roboto,sans-serif}#cookie-banner p{margin:0 0 10px;font-size:14px}#cookie-banner button{background-color:#007bff;color:#fff;border:none;padding:8px 15px;margin:5px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease}#cookie-banner button:hover{background-color:#0056b3}#cookie-banner button:nth-child(2){background-color:#0f8031}#cookie-banner button:nth-child(2):hover{background-color:#23a744}.banner-top-left{width:300px;max-width:300px;height:700px;position:absolute;top:13%;left:1%}.banner-top-right{width:300px;max-width:300px;height:700px;position:absolute;top:13%;right:1%}@media (min-width: 1024px){.desktop-only{display:block}}.card-container{display:grid;border-radius:16px;background:#fffff1;box-shadow:0 2px 10px #0000001a;align-content:center;height:135px;cursor:pointer;color:#000;border:none}.card-container:hover{background:#e00400;color:#fffff1}button:disabled:hover{background:#fffff1;color:#1010104d;cursor:auto}.card-label{cursor:auto}button:disabled{background:#fffff1;color:#1010104d;cursor:auto}.card-label{cursor:pointer;height:25px;text-align:center;font-size:13px}.bold{font-weight:600}@media (max-width: 768px){.card-label{font-size:12px}}.primary-button{display:flex;padding:8px 10px;justify-content:center;align-items:center;gap:10px;align-self:stretch;cursor:pointer;border:none;border-radius:8px;background:var(--colores-primario, #E00400);box-shadow:0 2px 10px #0000001a;color:#fff;text-align:center;font-size:16px;font-style:normal;font-weight:900;line-height:normal}.primary-button:disabled{opacity:.5;background:var(--colores-primario, #E00400)!important;cursor:auto;color:#fff}.primary-button:hover:disabled{opacity:.5;background:var(--colores-primario, #E00400)!important;cursor:auto;color:#fff}.primary-button:hover{background:#6b0400}.primary-button:active{background:#e00400}.button-link{margin-top:0;padding:5px;border:1px solid black;border-radius:16px;background:#fffff1;box-shadow:0 2px 10px #0000001a;cursor:pointer;color:#222}.button-link:hover{background:#222;color:#fff}.grid-container{width:50%;background-color:#282727;padding:5px 10px 26px;box-shadow:0 2px 10px #0000001a;border-radius:8px}.grid-finish-up{border-radius:2px 0;width:100%;height:10px;background:repeating-linear-gradient(90deg,#000,#000 10px,#fff 10px,#fff 20px)}.grid-finish-down{border-radius:2px 0;width:100%;height:10px;background:repeating-linear-gradient(90deg,#fff,#fff 10px,#000 10px,#000 20px);margin-bottom:20px}.grid-positions{display:grid;height:90%;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);gap:10px;justify-items:center}.grid-mark:nth-child(odd){width:100%;display:flex;justify-content:center;align-items:flex-start}.grid-mark:nth-child(2n){width:100%;display:flex;justify-content:center;align-items:flex-end}@media (max-width: 768px){.grid-container{width:105%;margin-bottom:10%}}.select-container{width:100%;background:#f5f5f5;color:#000;font-weight:600;border:2px solid black;border-radius:4px;cursor:pointer}.select-container:hover{outline:none;box-shadow:0 0 5px #fffdfddf}.select-container{color:#000;align-self:center}.mark-container{width:100px;border-color:#ffffffde;border-width:6px 6px 0px;border-style:solid;border-radius:2px 2px 0 0;padding:5px;display:grid;justify-items:center}.mark-number{color:#ffffffde;font-weight:700;font-size:11px;margin-bottom:2px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#e00400;box-shadow:0 5px 15px #0000004d;height:40px}.left-section,.right-section{display:flex;align-items:center}.center-section{flex-grow:1}.nav-button{margin:0 10px;background:none;border:none;cursor:pointer;font-size:16px;color:#fff;font-weight:700}.nav-button:hover{color:#000}.icon-button{margin-right:10px;cursor:pointer;object-fit:cover;height:100%}.hamburger-menu{display:none;z-index:100}.dropdown-menu,.mobile-menu{display:flex;flex-direction:column;position:absolute;align-items:center;gap:15px;top:65px;background-color:#e00400;border:1px solid #ccc;border-radius:16px;padding:10px;box-shadow:0 5px 15px #0000004d;z-index:9999}.mobile-menu{width:50%;z-index:99}.dropdown-menu{width:80px;right:10px}.dropdown-menu .nav-button,.mobile-menu .nav-button,.user-name{margin:5px 0;color:#fff;font-weight:600}.logo-mobile{display:none}.black-color{color:#000}.black-color:hover{color:#fff}@media (max-width: 768px){.left-section,.right-section{display:none}.hamburger-menu{display:block;border-radius:16px}.hamburger-button{background:none;border:1px solid #ccc;cursor:pointer;color:#fff;font-size:600;border-radius:16px;padding:10px;box-shadow:0 5px 15px #0003;z-index:99999}.mobile-logo{display:block;margin-right:20px;cursor:pointer}}@media (min-width: 769px){.mobile-logo{display:none}}.language-switcher,.mobile-menu{display:flex;flex-direction:column;position:absolute;align-items:center;gap:15px;top:65px;background-color:#e00400;border:1px solid #ccc;border-radius:16px;padding:10px;box-shadow:0 5px 15px #0000004d;z-index:99999}.language-switcher{width:80px}.language-switcher .nav-button,.mobile-menu .nav-button,.user-name{margin:5px 0;color:#fff;font-weight:600}@media (max-width: 768px){.language-switcher{top:280px;left:55px}}.input-container{display:grid;row-gap:5px}.input{display:flex;position:relative}.input-title{color:var(--colores-negro, #333);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.input-text-validate{color:#ea4335;font-size:13px;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.icon-input{position:absolute;right:21px;top:9px;cursor:pointer}input{width:100%;border-radius:8px;border:1px solid var(--colores-primario, #333);background:var(--colores-neutro-claro, #fffff1);display:flex;padding:10px;align-items:center;gap:10px;align-self:stretch;color:#1f1e23a6;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal{position:absolute;top:36%;left:39%;transform:translate(-50%,-50%);background-color:#fffff1;padding:20px;box-shadow:0 5px 15px #0000004d;z-index:1000;width:300px;max-width:300px;border-radius:8px;display:grid;gap:5px;border:2px solid #E00400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-title{margin-top:5px;margin-bottom:10px;font-size:1.5em}.modal-description{margin-bottom:20px}.modal-buttons{display:flex;justify-content:space-between}.modal-button{padding:10px 20px;border:none;color:#fff;cursor:pointer;border-radius:4px;transition:background-color .3s}.modal-button:hover{background-color:#1c1e20}.cancel{background-color:#e74c3c}.confirm{background-color:#7dcea0}@media (max-width: 600px){.modal{width:95%;padding:15px;left:6%}.modal-title{font-size:1.2em}.modal-button{padding:8px 16px}}.notification{position:fixed;bottom:20px;left:20px;transform-origin:bottom left;width:90%;max-width:300px;background-color:#fffff1;box-shadow:-4px 5px #0000004d;z-index:1000;padding:20px;border-radius:8px;font-weight:400;font-size:14px;border:2px solid #E00400}.fadeIn{animation:expandIn .4s ease-out forwards}@keyframes expandIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.fadeOut{animation:contractOut .3s ease-in forwards}@keyframes contractOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@media (max-width: 768px){.notification{width:60%;padding:10px;font-size:12px}}.spinner{display:flex;justify-content:space-around;align-items:center;width:fit-content;height:fit-content;margin:auto;position:relative;gap:2.5px;background-color:#000;border-radius:0 0 10px 10px;padding:2px}.light{width:20px;height:20px;border-radius:50%;background-color:gray;border:2px solid black;animation:lightCycle 5s infinite}@keyframes lightCycle{0%{background-color:gray}10%{background-color:red}20%{background-color:red}30%{background-color:red}40%{background-color:red}50%{background-color:red}90%{background-color:red}to{background-color:gray}}.light:nth-child(1){animation-delay:0s}.light:nth-child(2){animation-delay:1s}.light:nth-child(3){animation-delay:2s}.light:nth-child(4){animation-delay:3s}.light:nth-child(5){animation-delay:4s}.pagination{margin-top:10px;justify-self:center;white-space:nowrap;overflow-x:auto}.pagination button{background-color:#212020;color:#fff;border:none;padding:8px 12px;margin-right:5px;border-radius:5px;cursor:pointer}.pagination button:hover{background-color:#fff9f9;cursor:pointer;color:#212020}.prode-list-container{width:50%;display:grid;gap:10px}.prode-list{list-style-type:none;padding:0;display:grid}.prode-item{background-color:#f0f0f0;padding:10px;margin-bottom:5px;border-radius:5px;border:none;text-align:start;color:#000}.prode-item:hover{background-color:#e0e0e0;cursor:pointer}@media (max-width: 768px){.prode-list-container{width:100%;display:grid;gap:10px}}.user-table-list-container{width:50%;display:grid}.user-table-title{color:#333;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.table-container{width:100%;display:flex;justify-content:center}.table{width:80%;row-gap:20px;padding:16px;border-radius:16px;background:#fffff1;box-shadow:0 2px 10px #0000001a}.table th,.table td{padding:4px 6px;border:1px solid #ddd;text-align:center}.table th{background:#fffff1;font-weight:700}.user-table-item-buttons{justify-content:center;gap:5px}.user-table-items{list-style-type:none;padding:0}.user-table-item{background:#fffff1;margin-bottom:5px;border-radius:5px;border:none;text-align:start}.delete-button{background:none;border:none;color:red;font-size:16px;cursor:pointer}.user-table-more{background:none;border:none;cursor:pointer;text-align:center}.delete-button:hover{color:#8b0000}@media (max-width: 768px){.user-table-list-container{width:120%;display:grid;gap:10px}.user-table-title{margin-left:10%}.table th,.table td{font-size:10px}}.grid-statistics-container{width:50%;background-color:#282727;padding:5px 10px 26px;box-shadow:0 2px 10px #0000001a;border-radius:8px}.grid-statistics-finish-up{border-radius:2px 0;width:100%;height:10px;background:repeating-linear-gradient(90deg,#000,#000 10px,#fff 10px,#fff 20px)}.grid-statistics-finish-down{border-radius:2px 0;width:100%;height:10px;background:repeating-linear-gradient(90deg,#fff,#fff 10px,#000 10px,#000 20px);margin-bottom:20px}.grid-statistics-positions{display:grid;height:90%;gap:10px;justify-items:center}@media (max-width: 768px){.grid-statistics-container{width:105%}}.mark-statistics-container{width:200px;border-color:#ffffffde;border-width:6px 6px 0px;border-style:solid;border-radius:2px 2px 0 0;display:grid;justify-items:center}.mark-statistics-number{color:#ffffffde;font-weight:700;font-size:11px;margin-bottom:2px}.mark-statistics-results{display:flex;width:100%;justify-content:space-between}.mark-statistics-result{width:45%;text-align:center;font-size:14px;border-radius:2px;font-weight:600}.footer-container{display:flex;width:100%;justify-content:center;gap:10px}.footer-copyright{color:#333;font-family:Arial,sans-serif;font-size:14px;font-style:italic}.footer-copyright-terms{color:#333;font-family:Arial,sans-serif;font-size:14px;font-style:italic;cursor:pointer}.next-race-card{display:grid;grid-template-rows:repeat(4,auto);align-content:center;height:130px;width:80%;max-width:500px;border-radius:16px;background:#fffff1;box-shadow:0 2px 10px #0000001a;color:#000;text-align:center;padding:1rem;cursor:pointer;border:none;transition:background .3s ease,color .3s ease}.next-race-card:hover{background:#e00400;color:#fffff1}.next-race-card-title{font-size:13px!important}.next-race-card-subtitle{font-size:18px!important}.next-race-card p{margin:.25rem 0;font-size:13px}.next-race-card .bold{font-weight:600}@media (max-width: 768px){.next-race-card p{font-size:12px}}