/**
 * colors.css
 * ---------------------------------------------------------------------
 * Variables de color del sitio, migradas 1:1 desde los parámetros reales
 * de la plantilla Joomla "linelabox4" (tabla jos_template_styles, id 131,
 * estilo "Linelabox4 Site template - Predeterminado", la que estaba
 * marcada como activa para el frontend en el sitio original).
 *
 * Joomla generaba estas mismas variables dinámicamente en cada carga de
 * página a partir del JSON de parámetros del estilo. Aquí quedan fijas
 * porque el sitio migrado ya no tiene un panel de administración que
 * las recalcule: si en el futuro se quiere cambiar la paleta, se edita
 * este archivo directamente.
 *
 * Paleta base definida por Jorge/el diseñador original en el panel de
 * plantillas de Joomla:
 *   color1 = #f6f4fe (lavanda claro)
 *   color2 = #feebe7 (durazno claro)
 *   color3 = #ff9473 (coral - color de acento / enlaces)
 *   color4 = #47484c (gris oscuro - texto)
 *   color5 = #f9f9f9 (blanco hueso - fondo general)
 *   color11 = #212121, color22 = #f57f65, color33 = #bdbdbd, color44 = #ffffff
 *     (paleta secundaria usada solo en botones)
 * ---------------------------------------------------------------------
 */
:root {
  /* Colores globales por defecto */
  --linelabox4-color-primary: #f9f9f9;
  --linelabox4-color-text: #47484c;
  --linelabox4-color-link: #ff9473;
  --linelabox4-color-hover: #47484c;

  /* Barra superior (topbar) - botones RUP / Cámara de Comercio / Contratación */
  --linelabox4-color-primary-topbar: #ff9473;
  --linelabox4-color-text-topbar: #47484c;
  --linelabox4-color-link-topbar: #47484c;
  --linelabox4-color-hover-topbar: #47484c;

  /* Franja debajo de la barra superior */
  --linelabox4-color-primary-belowtop: #f9f9f9;
  --linelabox4-color-text-belowtop: #47484c;
  --linelabox4-color-link-belowtop: #47484c;
  --linelabox4-color-hover-belowtop: #ff9473;

  /* Banner principal (sin banner activo actualmente, se deja definido por si se reactiva) */
  --linelabox4-color-primary-bnr: #f9f9f9;
  --linelabox4-color-text-bnr: #47484c;
  --linelabox4-color-hover-bnr: #feebe7;

  /* Franja top-b: muro de Facebook + videos institucionales (fondo lavanda) */
  --linelabox4-color-primary-topb: #f6f4fe;
  --linelabox4-color-text-topb: #47484c;
  --linelabox4-color-link-topb: #47484c;
  --linelabox4-color-hover-topb: #47484c;

  /* Franja top-c: acceso a plataforma + certificaciones (fondo oscuro, texto claro) */
  --linelabox4-color-primary-topc: #47484c;
  --linelabox4-color-text-topc: #f9f9f9;
  --linelabox4-color-link-topc: #f9f9f9;
  --linelabox4-color-hover-topc: #f9f9f9;

  /* Franja bottom-a: videos de testimonios */
  --linelabox4-color-primary-bottoma: #f9f9f9;
  --linelabox4-color-text-bottoma: #47484c;
  --linelabox4-color-link-bottoma: #ff9473;
  --linelabox4-color-hover-bottoma: #47484c;

  /* Franja bottom-b: mapa de ubicación */
  --linelabox4-color-primary-bottomb: #f6f4fe;
  --linelabox4-color-text-bottomb: #47484c;
  --linelabox4-color-link-bottomb: #ff9473;
  --linelabox4-color-hover-bottomb: #47484c;

  /* Franja bottom-c: iconos de aliados (ICFES, SENA, ICETEX, etc.) */
  --linelabox4-color-primary-bottomc: #f9f9f9;
  --linelabox4-color-text-bottomc: #47484c;
  --linelabox4-color-link-bottomc: #ff9473;
  --linelabox4-color-hover-bottomc: #47484c;

  /* Pie de página: fondo negro, texto blanco, enlaces azules con hover coral */
  --linelabox4-color-primary-footer: #000000;
  --linelabox4-color-text-footer: #ffffff;
  --linelabox4-color-link-footer: #1d07e0;
  --linelabox4-color-hover-footer: #ff9473;

  /* Botones */
  --linelabox4-color-primary-btns: #212121;
  --linelabox4-color-text-btns: #ffffff;
  --linelabox4-color-link-btns: #ffffff;
  --linelabox4-color-hover-btns: #f57f65;

  --linelabox4-color-primary-btnss: #f57f65;
  --linelabox4-color-text-btnss: #ffffff;
  --linelabox4-color-link-btnss: #ffffff;
  --linelabox4-color-hover-btnss: #212121;
}

/* ---------------------------------------------------------------------
 * Iconos ligeros de reemplazo
 * ---------------------------------------------------------------------
 * El template original dependía de un paquete de iconos (FontAwesome
 * empaquetado por Joomla, ~1.5 MB en fuentes) pero el sitio solo usaba
 * 2 glifos reales: la flecha de "volver arriba" y el icono de menú
 * hamburguesa. En vez de arrastrar toda esa librería a un sitio
 * estático, se reemplazan aquí con caracteres Unicode + CSS puro, sin
 * dependencias externas ni archivos de fuente adicionales.
 * --------------------------------------------------------------------- */
.icon-arrow-up::before {
  content: "\2191"; /* ↑ */
  font-weight: bold;
}
.icon-menu::before {
  content: "\2630"; /* ☰ */
  font-size: 1.2em;
  line-height: 1;
}