/* Estilo «UGR»: fondo blanco, azul y rojo institucionales, Ubuntu, botones redondeados.
   Va último: redefine las variables del tema oscuro y los colores que estaban fijos. */
:root {
  --bg: #ffffff; --bg2: #f6f8fc; --surface: #ffffff; --surface2: #f1f4fa;
  --border: #e6e9f0; --border2: #d7dce6;
  --accent: #005EB7; --accent2: #004793; --rojo: #ED3340;
  --text: #313131; --muted: #5b6270; --muted2: #7a8190; --r: 14px;
}
body { background: var(--bg); color: var(--text); font-family: 'Ubuntu', 'Inter', sans-serif; }
#nav, #nav.scrolled { background: #fff; border-bottom: 1px solid var(--border); box-shadow: 0 1px 0 rgba(0,0,0,0.02); }
.logo { font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 1.6rem; color: var(--accent2); letter-spacing: 0; }
.logo span { color: var(--rojo); font-size: 1rem; font-weight: 700; }
.nav-links a { color: #313131; font-weight: 700; text-transform: uppercase; font-size: 0.82rem; letter-spacing: 0.02em; }
.nav-links a:hover { color: var(--accent); }
.btn-nav { background: var(--accent); border-radius: 999px; padding: 9px 20px; }
.btn-primary { background: var(--accent); border-radius: 999px; box-shadow: none; }
.btn-ghost { color: var(--accent); border-radius: 999px; }
.btn-ghost:hover { color: var(--accent2); }
.aula h1 { color: #4a4a4a; font-weight: 700; letter-spacing: -0.5px; }
.aula h2 { color: var(--rojo); }
.aula h2 .num { color: var(--accent); }
.aula p, .aula .bajada { color: var(--muted); }
.aula p a, .otra a { color: var(--accent); }
.aviso-prueba { background: #fff4f5; color: #a3202b; border-top: 1px solid #f6c9cd; }

/* inicio: las formas redondeadas de la página de la universidad */
.inicio { position: relative; overflow: hidden; }
.inicio::before { content: ""; position: absolute; top: 90px; right: -60px; width: 260px; height: 110px; background: var(--rojo); border-radius: 0 0 0 999px; border-top-left-radius: 999px; opacity: 0.95; z-index: -1; }
.inicio::after { content: ""; position: absolute; bottom: 40px; left: -80px; width: 260px; height: 180px; background: var(--accent); border-radius: 0 999px 999px 0; z-index: -1; }

/* tarjetas y temario */
.tarjeta > a { background: #fff; border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 6px 20px rgba(0, 40, 90, 0.07); }
.tarjeta > a:hover, .tarjeta > a:focus-visible { border-color: var(--border2); box-shadow: 0 12px 30px rgba(0, 40, 90, 0.13); }
.tarjeta .categoria { color: var(--rojo); }
.tarjeta .accion, .tarjeta > a:hover .accion { color: var(--accent); }
.portada-img { border-bottom: 0; }
.barra { background: #e9edf4; }
.barra span { background: var(--accent); }
.leccion-cab .etiqueta { color: var(--rojo); }
.temario, .seccion { background: #fff; }
.clases li.activo button { background: #eaf2fb; box-shadow: inset 3px 0 0 var(--accent); }
.clases li.visto .check { background: var(--accent); border-color: var(--accent); }
.reproductor video { border-color: var(--border); }
.archivos a.bajar { background: var(--accent); color: #fff; border-radius: 999px; }
.archivos .tipo { color: var(--accent); border-color: #b9d3ef; }

/* asistente */
.asistente { background: var(--bg2); border-color: var(--border); }
.asistente .preguntar { background: var(--accent); border-color: var(--accent); border-radius: 999px; }
.asistente .microfono { color: var(--accent); border-color: #b9d3ef; background: #fff; border-radius: 999px; }
.asistente .microfono.activo { background: #fff0f1; border-color: var(--rojo); color: var(--rojo); }
.asistente .callar { color: var(--rojo); border-color: #f6c9cd; background: #fff; border-radius: 999px; }
.asistente .pregunta textarea { background: #fff; border-color: var(--border2); color: var(--text); }
.asistente .charla li { background: #fff; border: 1px solid var(--border); }
.asistente .charla li.vos { background: #eaf2fb; border-color: #cfe0f3; }
.asistente .estado.activo { color: var(--accent); }
.asistente .estado.error { color: var(--rojo); }
.formulario .error { color: var(--rojo); }

/* lecturas */
.aula pre { background: #f4f6fa !important; border-color: var(--border) !important; color: #1f2d3d !important; }
.aula p code, .aula li code { background: #eef2f8 !important; color: #004793 !important; }
.aula .charlar { border-left-color: var(--rojo) !important; background: #fbfcfe; }
.aula .charlar b { color: var(--rojo) !important; }
.aula-nav a { color: var(--accent); }

.pie-catedra { text-align: center; color: var(--muted2); font-size: 0.82rem; padding: 28px 16px 56px; border-top: 1px solid var(--border); margin-top: 40px; }
.archivos .tipo.ipynb { color: var(--rojo); border-color: #f6c9cd; }