/* Tercer color de la marca: el verde del logo de Escuela Digital 360.
   Azul oscuro (#10282B en textos), azul de marca (#0B4FA8) y verde (#4CB511). */
:root{--acento:#4CB511;--acento-osc:#3E9E0C;--degradado:linear-gradient(90deg,#0B4FA8 0%,#1E7FD8 45%,#4CB511 100%)}
/* Franja degradada (azul → verde, como el logo) bajo la barra superior */
header.top{border-bottom:5px solid transparent;border-image:var(--degradado) 1}
/* Íconos de las pestañas en verde; la pestaña activa, azul con subrayado verde */
nav.tabs button svg.ico,.pest button svg.ico{color:var(--acento-osc)}
nav.tabs button.on,.pest button.on{box-shadow:inset 0 -3px 0 var(--acento)}
nav.tabs button.on svg.ico,.pest button.on svg.ico{color:var(--brand)}
/* Franja degradada arriba de los cuadros de ingreso y de la portada (con esquinas redondeadas) */
#loginBox,.card.login,main.card{background:var(--degradado) top/100% 6px no-repeat,var(--surface,#fff)}
/* Barras de desplazamiento con los colores de la marca (Chrome, Edge) */
::-webkit-scrollbar{width:12px;height:10px}
::-webkit-scrollbar-track{background:#E4EEFB;border-radius:999px}
::-webkit-scrollbar-thumb{background:#0B4FA8;border-radius:999px;border:2px solid #E4EEFB}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#0B4FA8,#4CB511)}
::-webkit-scrollbar-corner{background:#E4EEFB}
nav.tabs::-webkit-scrollbar{height:8px}
nav.tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#0B4FA8,#1E7FD8 60%,#4CB511)}
/* Firefox */
@supports (-moz-appearance:none){*{scrollbar-color:#0B4FA8 #E4EEFB;scrollbar-width:thin}}