/* Fuentes cargadas desde brand-refresh.css (Nunito + Source Code Pro) */
* {
  font-weight: normal;
}
body {
  background: #ffffff !important;
}
table {
  background: #fff !important;
}

th {
  color: #0e2c43 !important;
  font-weight: bold !important;
}


    /* Estilos generales para la etiqueta de estado */
    .estado-etiqueta {
      display: inline-block;
      padding: 4px 10px;
      border-radius: 20px;
      /* Bordes redondeados para un estilo tipo píldora */
      font-size: 12px;
    
      text-align: center;
      color: #fff;
      /* Color de texto blanco por defecto */
    }
  
    /* Estilos para el estado Pendiente */
    .estado-pendiente {
      background-color: #f1c40f;
      /* Amarillo vibrante */
    }
  
    /* Estilos para el estado Presupuestado */
    .estado-presupuestado {
      background-color: #3498db;
      /* Azul */
    }
  
      /* Estilos para el estado Presupuestado */
    .estado-facturado {
      background-color:#2e3ccc;
      /* Azul */
    }
  
    /* Estilos para el estado Revisión de Pago */
    .estado-revision {
      background-color: #e74c3c;
      /* Rojo/Naranja para indicar atención */
    }
  
    /* Estilos para el estado Pagado */
    .estado-pagado {
      background-color: #2ecc71;
      /* Verde */
    }
        .estado-anulado {
          background-color: #a40000;
          /* Verde */
        }
  
    /* Asegúrate de que los colores de los estados sean visibles y accesibles */
    .estado-pendiente,
    .estado-presupuestado,
    .estado-revision,
    .estado-pagado {
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
      /* Sombra para mejor legibilidad del texto */
    }


        /* ─── Estilo Específico para genIA ─── */
    
        /* 1. Color del módulo (fondo cuadrado) */
        .brand--genia .module {
          background-color: #7147B8;
          /* Púrpura oficial de genIA */
        }
    
        /* 2. Color de la inicial "G" dentro del módulo */
        .brand--genia .initial {
          color: #FFFFFF;
          /* Blanco para máximo contraste */
        }
    
        /* 3. Color del Chevron (flecha) */
        .brand--genia .chevron {
          color: #FFFFFF;
          /* Blanco sobre fondo oscuro */
        }
    
        /* 4. Estilo especial para el texto "IA" en el wordmark */
        .brand--genia .wordmark .ia {
          color: #04D89D;
          /* Verde Teal para resaltar la Inteligencia Artificial */
          font-weight: 900;
        }
    
        /* 5. Variantes para fondo oscuro (opcional si usas la clase .brand--dark) */
        .brand--genia.brand--dark .wordmark {
          color: #FFFFFF;
        }