:root {
    --links: #73C2FB;
    --focus: #73C2FB;
    --button-text: #ffffff;
    --button-hover: #73C2FB;
    --button-base: #73C2FB;
    --font-family: 'Google Sans', -apple-system, sans-serif;
}

html {
    overscroll-behavior: none;
    background-color: #ffffff; 
}

body {
    overscroll-behavior: none;
    touch-action: pan-y; 
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    font-size: 18px !important;
} 

/* Forzamos a que todos los elementos interactivos usen Google Sans o la tipografía nativa de iOS */
body, button, input, select, textarea {
    font-family: var(--font-family) !important;
}

button, 
input[type="submit"], 
input[type="button"] {
    padding: 5px 12px !important;
    background-color: var(--button-base) !important;
    color: var(--button-text) !important;
    border: none !important;
}

button:hover, input[type="submit"]:hover {
    background-color: var(--button-hover) !important;
}

h1 {
    font-size: 35px !important;
} 

h2 {
    font-size: 25px !important;
} 

h3 {
    font-size: 20px !important;
}


*::-webkit-scrollbar {
    display: none !important;
}

* {
    scrollbar-width: none !important; 
    -ms-overflow-style: none !important;
}

tbody tr:nth-child(even) {
  background-color: transparent;
}

/* --- Barra de carga (Progress Bar) --- */

progress {
    /* Soporte rápido para navegadores modernos */
    accent-color: var(--button-base) !important;
}

/* El relleno de la barra en Chrome, Safari, Edge y Opera */
progress::-webkit-progress-value {
    background-color: var(--button-base) !important;
}

/* El fondo de la barra (la parte vacía) en Chrome/Safari */
progress::-webkit-progress-bar {
    background-color: #efefef !important; /* Puedes cambiar este gris si prefieres */
    border-radius: 6px;
}

/* El relleno de la barra en Firefox */
progress::-moz-progress-bar {
    background-color: var(--button-base) !important;
}