/* ===========================================================================
   FELIPE · tema «web de Suminve»
   ---------------------------------------------------------------------------
   Paleta y tipografía tomadas de suminve.com el 6 de septiembre de 2026,
   leyendo los estilos calculados de la propia página, no de un pantallazo.

   Valores reales de su web:
     rojo de marca   #E7342B   (cabecera y bloques destacados)
     casi-negro      #1D1D1B   (todo su texto)
     gris de fondo   #F6F6F6
     tipografías     Source Sans Pro (cuerpo) · Open Sans (secundaria)
     cursiva del logo: «Sprint Regular», fuente de pago. No se licencia:
     cuando llegue el logo real como imagen, deja de hacer falta.

   REGLA DEL ROJO EN ESTE TEMA
   El rojo es su marca y se usa con libertad en la parte fija —franja de
   marca, botones principales, acceso—. Lo único intocable: en la LISTA DE
   SOLICITUDES el rojo significa «sin abrir» o «atrasada» y nada más. Ahí es
   donde el ojo tiene que distinguir.
   ========================================================================= */

/* Las dos tipografías de su web. Si no hay internet —las maquetas se abren
   con doble clic— cae a la pila del sistema y la pantalla sigue bien. */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300..800;1,300..800&family=Open+Sans:wght@400;600;700&display=swap');

:root{

  /* ---------- Color ---------------------------------------------------- */
  --menu:#262A39;            /* su azul pizarra: la superficie oscura grande de su web */
  --menu-2:#2F3446;
  --menu-3:#3A4152;
  --menu-texto:#FFFFFF;
  --fondo:#ECECEA;           /* su gris, un punto más bajo: si no, la tarjeta blanca no se lee */
  --blanco:#FFFFFF;
  --hover:#F4F4F2;
  --relleno:#EFEFED;

  /* Rojo de marca, medido en suminve.com. */
  --rojo:#E7342B;
  --rojo-oscuro:#C4271F;
  --rojo-suave:#FCEBE9;
  --rojo-borde:#F5C5C1;

  /* Estados. Verde: resuelto. Ámbar: esperando a alguien. */
  --verde:#1B7A54;
  --verde-oscuro:#156444;
  --verde-vivo:#3ECF8E;
  --verde-bg:#E9F2ED;
  --ambar:#A96A00;
  --ambar-oscuro:#6E4A08;
  --ambar-bg:#FAF1DE;
  --ambar-borde:#EBD9AE;
  --azul-suave:#EFF2F6;
  --marca-texto:#FDF3C7;

  /* Texto: su casi-negro y sus dos grises. */
  --ink:#1D1D1B;
  --ink-2:#666666;
  --ink-3:#999999;

  /* Separadores. */
  --linea:#DFDFDC;
  --linea-2:#CDCDC9;

  /* Pantalla de acceso. */
  --oscuro:#262A39;
  --claro:#F6F6F6;
  --error-bg:#FCEBE9;
  /* Como su web: franja roja entera, con el filo negro del bandeau superior. */
  --marca-fondo:#E7342B;
  --marca-filo:#1D1D1B;
  --marca-halo:transparent;   /* su cabecera es plana, sin degradado */

  /* ---------- Botón principal --------------------------------------------- */
  /* Oscuro, no rojo: los botones de la lista («Coger») conviven fila a fila
     con el punto rojo de «sin abrir», y dos rojos en la misma fila son dos
     significados. El rojo de marca sigue en el filo superior, en los
     contadores del menú y en la franja del acceso. */
  --boton:#262A39;
  --boton-hover:#363D51;
  --boton-texto:#FFFFFF;

  /* ---------- Tipografía ------------------------------------------------ */
  --fuente:"Source Sans 3","Source Sans Pro","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --fuente-acento:Georgia,"Times New Roman",serif;
  --texto:14px;

  /* ---------- Forma ----------------------------------------------------- */
  /* Su web es de esquinas rectas: se baja el redondeo, sin llegar a cero. */
  --r:10px;
  --r-chico:6px;
  --sombra:0 1px 2px rgba(29,29,27,.04), 0 4px 16px rgba(29,29,27,.06);

  /* ---------- Densidad --------------------------------------------------- */
  --fila-y:15px;
  --fila-x:26px;

  --menu-ancho:266px;

  /* Banda del logo en el menú. Por defecto, sin fondo y sin sangrado:
     exactamente como estaba. Un tema puede convertirla en banda de color. */
  --marca-menu-fondo:#E7342B;
  --marca-menu-sangre-x:18px;
  --marca-menu-sangre-y:32px;
  --marca-menu-linea:transparent;

  /* Fondo del panel que se abre bajo una fila. Tiene color propio y no
     reutiliza --relleno ni --hover: esos son casi blancos y el panel no se
     distinguía de la tarjeta. Un escalón por debajo de la superficie de
     trabajo, para que se lea como un hueco abierto en la tarjeta. */
  --panel:#D4D4D3;
}