iatoolkit 0.4.2__py3-none-any.whl → 0.66.2__py3-none-any.whl

iatoolkit/static/styles/chat_modal.css

@@ -0,0 +1,169 @@
+/* Estilos generales para modales */
+
+/* Título del modal */
+.modal-title{
+    font-size: 20px;
+    font-weight: bold;
+}
+
+/* Estilos del header del modal*/
+.modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+}
+
+/* Estilos del título del modal*/
+.modal-header .modal-title {
+    margin: 0;
+    padding: 0;
+    flex: 1;
+    color: inherit;
+}
+
+/* Estilos del botón de cerrar del modal*/
+.modal-header .close {
+    margin: 0;
+    padding: 0;
+    margin-left: auto;
+}
+
+/* Estilos del header del modal con branding */
+.modal-header.branded {
+    background-color: var(--brand-modal-header-bg);
+    color: var(--brand-modal-header-text);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.modal-header.branded .btn-close {
+    filter: invert(1) grayscale(100%) brightness(200%); /* Hace el botón de cerrar visible en fondos oscuros */
+}
+
+/* Estilos para botones con branding */
+.btn-branded-primary {
+    background-color: var(--brand-primary-color);
+    border-color: var(--brand-primary-color);
+    color: var(--brand-text-on-primary);
+}
+.btn-branded-primary:hover {
+    background-color: var(--brand-text-on-primary);
+    color: var(--brand-primary-color);
+    border-color: var(--brand-primary-color);
+}
+
+.btn-branded-secondary {
+    background-color: var(--brand-secondary-color);
+    border-color: var(--brand-secondary-color);
+    color: var(--brand-text-on-secondary);
+}
+.btn-branded-secondary:hover {
+    background-color: var(--brand-text-on-secondary);
+    color: var(--brand-secondary-color);
+    border-color: var(--brand-secondary-color);
+}
+
+/* Tabla con el resultado del historial */
+.thead-branded th {
+    background-color: #e9ecef; /* Un gris claro estándar de Bootstrap */
+    color: #212529;             /* El color de texto oscuro por defecto */
+    font-size: 16px;
+    font-weight: bold;
+}
+.col-icon {
+  width: 1%;
+}
+
+/* Modal de feedback */
+.rating-stars {
+    display: flex;
+    justify-content: center;
+    gap: 5px;
+    margin-bottom: 15px;
+    padding-top: 5px;
+}
+
+/* Estilos de las estrellas del modal de feedback */
+.star {
+    font-size: 3rem;
+    color: #ddd;
+    cursor: pointer;
+    transition: color 0.2s ease;
+    margin: 0 2px;
+}
+
+.star::before {
+    content: '★';
+}
+
+.star:hover,
+.star.active,
+.star.hover-active {
+    color: var(--brand-primary-color);
+}
+
+/* model de help */
+     .modal-body .accordion-button:not(.collapsed) {
+        background-color: var(--brand-primary-color);
+        color: var(--brand-text-on-primary);
+        font-weight: 600;
+        box-shadow: none;
+    }
+
+    /* 2. Estilo para el anillo de foco, aplicado ÚNICAMENTE cuando el botón está CERRADO y tiene foco. */
+    .modal-body .accordion-button.collapsed:focus {
+        background-color: #fff; /* Asegura fondo blanco al hacer foco en un item cerrado */
+        border-color: transparent; /* Evita bordes no deseados */
+        /* La única regla que debe estar aquí es la que dibuja el anillo de foco. */
+        box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-color-rgb), 0.25);
+    }
+
+.icon-spaced {
+    margin-right: 10px;
+}
+
+.text-muted{
+    font-size:16px;
+    text-align: justify;
+}
+
+.feedback-text{
+    font-size: 16px;
+}
+
+/* Modal de listado de archivos */
+/* Estilos del nombre del archivo del modal de archivos y ordenar icono */
+.file-name-modal {
+    flex: 1;
+    margin-right: 10px;
+}
+
+/* Para el icono de eliminar del modal */
+.remove-file-btn i {
+    color: #c82333
+}
+
+/* Estilos para el modal de archivos y ordenar icono */
+.list-group-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+/* Estilos del botón de eliminar del modal de archivos y ordenar icono */
+.remove-file-btn {
+    flex-shrink: 0;
+}
+
+/* Estilos para alertas generales del chat */
+.alert-branded-info {
+    background-color: var(--brand-info-bg);
+    color: var(--brand-info-text);
+    border-color: var(--brand-info-border);
+}
+.alert-branded-info strong,
+.alert-branded-info .alert-link {
+    color: inherit;
+}
+.alert-branded-info .bi { /* Asegura que los iconos también tomen el color */
+    color: inherit;
+}

iatoolkit/static/styles/chat_public.css

@@ -0,0 +1,107 @@
+/* Estos estilos son para las paginas publicas: home, signup,  olvide la clave, etc */
+
+    /* --- Encabezado (top) de company --- */
+    .custom-company-header {
+        height: 78px;
+        margin-bottom: 20px;
+        padding: 0 1.5rem; /* Padding interno para que el texto no toque los bordes */
+        border-radius: 0.375rem; /* Bordes redondeados para que coincida con los formularios */
+
+        /* Los estilos de color y sombra se mantienen */
+        background-color: var(--brand-header-bg);
+        color: var(--brand-header-text);
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Sombra ligeramente más suave */
+    }
+
+    /* Estilo específico para el nombre de la marca en el encabezado (Letra más grande) */
+    .custom-company-header .brand-name {
+        font-size: 1.8rem; /* Tamaño de fuente aumentado */
+        font-weight: 600;
+        color: inherit;
+        text-decoration: none;
+        transition: opacity 0.2s ease-in-out;
+    }
+
+    /* Efecto hover para el enlace del nombre de la marca */
+    .custom-company-header .brand-name:hover {
+        opacity: 0.85;
+    }
+
+    /* Estilo para el texto "Powered by" --- */
+    .custom-company-header .powered-by {
+        font-size: 0.9rem;
+        font-weight: 400;
+        opacity: 0.75; /* Menos prominente que el nombre de la marca */
+        color: inherit;
+    }
+
+    /* --- Estilo para el enlace de IAToolkit --- */
+    .custom-company-header .iatoolkit-link {
+        color: inherit; /* Hereda el color del texto padre */
+        text-decoration: none; /* ¡Elimina el subrayado! */
+        font-weight: 600; /* Un poco más de peso para diferenciarlo */
+        transition: opacity 0.2s ease-in-out;
+    }
+
+    .custom-company-header .form-container {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+    }
+
+    /* titulo en home */
+    .home-title {
+        font-size: 3.2rem;
+        font-weight: 800;
+        line-height: 1.2;
+        color: var(--brand-primary-color);
+    }
+    .list-example {
+            display: block;              /* Coloca el ejemplo en su propia línea */
+            font-size: 0.9rem;          /* Lo hace ligeramente más pequeño */
+            color: #6c757d;             /* Color gris (muted) para texto secundario */
+            font-style: italic;         /* Cursiva para diferenciarlo */
+            padding-left: 1.75rem;      /* Lo indenta para alinearlo con el texto del tema */
+            margin-top: 0.25rem;        /* Pequeño espacio superior */
+        }
+
+    .text-brand-primary {
+        font-weight: 800;
+        color: var(--brand-primary-color);
+        }
+
+/* contenedor de formularios: login, signup, forgot password, etc. */
+    .branded-form-container {
+        background-color: #ffffff;
+        border: 1px solid #dee2e6;
+        border-top: 4px solid #adb5bd;
+        border-radius: 0.375rem;
+        padding: 2rem;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+    }
+
+    .branded-form-label {
+        font-size: 0.85rem;
+        font-weight: 600;
+        color: #495057; /* Un gris oscuro profesional */
+        text-transform: uppercase;
+        letter-spacing: 0.05em; /* Un poco de espacio extra entre letras */
+        margin-bottom: 0.3rem;
+        display: block;
+    }
+
+    /* Efecto de foco brandeado para todos los form-control */
+    .form-control:focus {
+        border-color: var(--brand-primary-color);
+        box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-color-rgb), 0.25); /* Usa la variable RGB para el shadow */
+    }
+
+    .branded-form-title {
+        color: var(--brand-primary-color);
+        font-size: 1.75rem; /* Un tamaño más prominente */
+        font-weight: 700;   /* Equivalente a fw-bold de Bootstrap */
+        text-align: center;
+        margin-bottom: 1.5rem; /* Espacio consistente debajo del título */
+    }
+
+

iatoolkit/static/styles/landing_page.css

@@ -0,0 +1,182 @@
+/* static/styles/landing_page.css */
+
+/* --- Variables y Estilos Globales --- */
+:root {
+    --website-primary-color: #4A55A2;
+    --website-primary-color-dark: #3A448A;
+    --website-gradient-start: #4A55A2;
+    --website-gradient-end: #7895CB;
+    --website-dark-text: #212529;
+    --website-light-bg: #f8f9fa;
+    --website-muted-text: #6c757d;
+}
+
+body {
+    background-color: #fff;
+    color: var(--website-dark-text);
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+/* --- Encabezado Propio (sin usar .navbar) --- */
+.website-header {
+    margin-top: 1rem;
+    padding: 1rem 1.5rem; /* Padding vertical y horizontal */
+    border-radius: 0.5rem;
+    display: flex;
+    align-items: center;
+
+    /* Estilos de color (se mantienen) */
+    background-color: var(--website-primary-color);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+.website-brand {
+    font-weight: 700;
+    font-size: 1.75rem;
+     color: #ffffff;
+}
+
+/* --- Sección Principal (Hero) --- */
+.hero-section {
+    padding: 2rem 0 1rem; /* Ajustado: 5rem arriba, 0 a los lados, 2.5rem abajo */
+}
+
+.hero-title {
+    font-size: 3rem;
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1.5rem;
+}
+.gradient-text {
+    background: linear-gradient(90deg, var(--website-gradient-start), var(--website-gradient-end));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    text-fill-color: transparent;
+}
+.hero-bullets {
+    list-style: none;
+    padding-left: 0;
+    font-size: 1.1rem;
+}
+.hero-bullets li {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 1rem;
+    color: var(--website-muted-text);
+}
+.hero-bullets .bi {
+    color: var(--website-primary-color);
+    font-size: 1.5rem;
+}
+
+/* --- Botón de Llamada a la Acción (CTA) --- */
+.hero-section .btn-primary {
+    background-color: var(--website-primary-color);
+    border-color: var(--website-primary-color);
+    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+}
+.hero-section .btn-primary:hover {
+    background-color: var(--website-primary-color-dark);
+    border-color: var(--website-primary-color-dark);
+}
+
+.bg-light h3 {
+    color: var(--website-primary-color);
+}
+
+.features-section {
+    padding: 5rem 0;
+    background-color: var(--website-light-bg);
+}
+.feature-item {
+    background-color: #fff;
+    padding: 2rem;
+    border-radius: 0.75rem;
+    border: 1px solid #e9ecef;
+    height: 100%;
+    transition: all 0.3s ease;
+}
+.feature-item:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
+}
+.feature-icon {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+    color: var(--website-primary-color);
+}
+.feature-item h3 {
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+.feature-item p {
+    color: var(--website-muted-text);
+}
+
+/* Estilo especial para la caja de Open Source */
+.opensource-box {
+    background: var(--website-dark-text);
+    color: #fff;
+    padding: 2rem;
+    border-radius: 0.75rem;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border: 1px solid transparent;
+    transition: all 0.3s ease;
+}
+.opensource-box:hover {
+     transform: translateY(-5px);
+     box-shadow: 0 8px 25px rgba(0,0,0,0.15);
+}
+.opensource-icon .bi-github {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+}
+.opensource-box h3 {
+    font-weight: 600;
+}
+.opensource-box p {
+    color: #ced4da;
+    margin-bottom: 1.5rem;
+}
+
+/* --- Sección del Autor --- */
+.author-section {
+    background-color: #fff;
+}
+.author-card {
+    background-color: var(--website-light-bg);
+    border-radius: 0.75rem;
+    border: 1px solid #e9ecef;
+}
+.author-card h5 {
+    color: var(--website-primary-color);
+    font-weight: 600;
+}
+.author-bio {
+    color: var(--website-muted-text);
+    line-height: 1.6;
+}
+.author-linkedin {
+    text-decoration: none;
+    color: #0077b5;
+    font-weight: 500;
+    transition: opacity 0.2s;
+}
+.author-linkedin:hover {
+    opacity: 0.8;
+}
+
+/* --- Footer --- */
+.landing-footer {
+    background-color: var(--website-light-bg);
+    color: var(--website-muted-text);
+    padding: 2rem 0;
+    text-align: center;
+    margin-top: 4rem;
+    border-top: 1px solid #e9ecef;
+}

iatoolkit/static/styles/llm_output.css

@@ -0,0 +1,115 @@
+/* BLOQUE GENERAL */
+.llm-output {
+  margin: 0;
+  padding: 20px;
+  font-family: Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.5;
+  color: #333;
+}
+
+
+/* estilo especial para desplegar a ancho completo */
+.llm-output-full-width {
+  max-width: 100%;  /* Anula cualquier max-width anterior como 70% o 75% */
+  width: 100%;
+  align-self: center; /* Se asegura que se centre en el contenedor flex */
+  box-sizing: border-box; /* Para que el padding y borde no afecten el ancho total */
+}
+
+
+/* BLOQUES de categorías */
+.llm-output .categoria {
+  margin-bottom: 40px;
+}
+
+/* TÍTULO del bloque de categoría */
+.llm-output .categoria h4 {
+  font-size: 15px; /* tamaño consistente */
+  color: #337ab7;  /* azul Bootstrap 3 */
+  margin-top: 0;
+  margin-bottom: 10px;
+  font-weight: bold;
+  border-bottom: 2px solid #337ab7; /* línea azul más visible */
+  padding-bottom: 5px;
+}
+
+/* TEXTOS normales dentro */
+.llm-output p {
+  margin-bottom: 10px;
+}
+
+/* LISTAS */
+.llm-output ul {
+  padding-left: 0;
+  margin: 0 0 10px 0;
+  list-style: none;
+}
+
+.llm-output ul li {
+  margin-bottom: 8px;
+}
+
+.llm-output li strong {
+  display: inline-block;
+  margin-right: 8px;
+  font-weight: bold;
+  color: #333;
+  min-width: 0;
+  white-space: nowrap;
+}
+
+/* TABLAS */
+.llm-output table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 14px;
+}
+
+.llm-output th,
+.llm-output td {
+  padding: 6px 10px;
+  border: 1px solid #ddd;
+  text-align: left !important;
+  vertical-align: middle;
+}
+
+.llm-output thead {
+  background-color: #f5f5f5;
+}
+
+.llm-output .table-striped tbody tr:nth-of-type(odd) {
+  background-color: #f9f9f9;
+}
+
+.llm-output .table-hover tbody tr:hover {
+  background-color: #f5f5f5;
+}
+
+.llm-output .tabla-licitaciones-container {
+  width: 100%;
+  overflow-x: auto; /* Añade scroll horizontal si la tabla no cabe */
+  margin-bottom: 15px; /* Espacio extra debajo */
+  border: 1px solid #ddd; /* Opcional: un borde sutil alrededor */
+}
+
+.llm-output .tabla-licitaciones th,
+.llm-output .tabla-licitaciones td {
+  vertical-align: top;
+}
+
+.llm-output .tabla-licitaciones tbody tr:hover {
+  background-color: #f5f5f5; /* Mismo color que el hover genérico */
+}
+
+  .text-center {
+    text-align: center !important;
+  }
+
+  .text-right {
+    text-align: right !important;
+  }
+
+.nowrap {
+    white-space: nowrap;
+  }