/* ============================================================ SITIO DEL LABORATORIO DE FÍSICA CÓSMICA DE CHACALTAYA estilo-base.css — capa compartida por TODAS las plantillas IIF · UMSA — v1.0 · septiembre de 2026 Contiene: variables de diseño, reset, cabecera, pie y los componentes de contenido reutilizables (citas, tablas, fichas de persona, avisos, fuentes, paginación, llamadas a la acción). Cada plantilla añade encima su propia hoja: estilo-hito.css T3 · Hito histórico estilo-portada.css T1 · Portada estilo-linea.css T4 · Línea de tiempo PARA ADOPTAR LA IDENTIDAD VISUAL DE LA UNIVERSIDAD basta con cambiar el bloque :root de abajo. No hay ningún color escrito a mano fuera de él. ============================================================ */ :root{ /* ---------- tintas del logotipo ---------- Las dos únicas tintas de la marca. Todo lo demás se deriva de ellas. Muestreadas del logotipo: mediana de los píxeles de cada tinta. */ --logo-azul:#002D54; /* montaña, letra pi, órbita y texto */ --logo-rojo:#EF2525; /* círculo */ /* superficie y texto */ --bg:#F6F8FB; --fg:#00284A; --muted:#4A6076; --line:#D5DEE7; --card:#fff; --code:#EBF0F5; /* acentos --accent es el rojo del logotipo oscurecido hasta 5,5:1 sobre el fondo, porque el rojo puro sólo da 3,98:1 y no cumple AA en texto corrido. Para rellenos, reglas y grafismo se usa --accent-vivo, que sí es el rojo exacto de la marca. */ --accent:#CA0F0F; /* rojo de marca, legible en texto */ --accent-vivo:#EF2525; /* rojo de marca exacto: rellenos y grafismo */ --accent-soft:#FCE9E9; /* relleno tenue del rojo: avisos, filas clave */ --brand-soft:#E4EDF6; /* velo del azul: cabeceras de página */ --accent2:#0B5FA5; /* azul de enlace, mismo tono que el logotipo */ --accent2-soft:#E5EEF7; --brand:#002D54; /* azul exacto del logotipo: cabecera, pie, fondos */ --warn:#A36200; --warn-soft:#FBF0DC; --ok:#1E7A4B; /* colores temáticos de la línea de tiempo */ --t-ciencia:#0B5FA5; --t-institucion:#CA0F0F; --t-atmosfera:#0E7C7B; --t-internacional:#8A6A12; /* tipografía */ --serif:Georgia,"Iowan Old Style","Times New Roman",serif; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; /* medidas */ --wide:1180px; --read:720px; --radius:10px; } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#0B1826; --fg:#DCE6F0; --muted:#8FA3B8; --line:#25384C; --card:#132436; --code:#16283B; --accent:#F13A3A; --accent-vivo:#EF2525; --accent-soft:#2A1618; --brand-soft:#10243A; --accent2:#3D96E8; --accent2-soft:#12293E; --brand:#45A9FF; --warn:#C88A22; --warn-soft:#2A2213; --ok:#2E9C6A; --t-ciencia:#3D96E8; --t-institucion:#F13A3A; --t-atmosfera:#1FA8A6; --t-internacional:#C6A23C; } } :root[data-theme="dark"]{ --bg:#0B1826; --fg:#DCE6F0; --muted:#8FA3B8; --line:#25384C; --card:#132436; --code:#16283B; --accent:#F13A3A; --accent-vivo:#EF2525; --accent-soft:#2A1618; --brand-soft:#10243A; --accent2:#3D96E8; --accent2-soft:#12293E; --brand:#45A9FF; --warn:#C88A22; --warn-soft:#2A2213; --ok:#2E9C6A; --t-ciencia:#3D96E8; --t-institucion:#F13A3A; --t-atmosfera:#1FA8A6; --t-internacional:#C6A23C; } /* Etiqueta visible sólo para lectores de pantalla. Se usa cuando el campo ya se explica por su contexto visual pero necesita