/* 
 * Chainlit UI Template - Professional Theme Integration
 * Using professional color palette with Noto Google Fonts
 * Optimized for legal and professional applications
 */

/* Importar Google Fonts - Familia Noto */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

/* Variables CSS para personalización de Chainlit */
:root {
  /* === FUENTES === */
  --font-family-ui: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  /* Fuente principal para interfaz de usuario, navegación y controles */
  --font-family-legal: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
  /* Fuente serif para contenido extenso y documentos */
  --font-family-code: 'Noto Sans Mono', 'Menlo', 'Monaco', 'Consolas', 'Courier New', monospace;
  /* Fuente monoespaciada para código y referencias técnicas */

  /* === FONDOS === */
  --bg-100: rgb(250, 249, 245);
  /* Fondo principal - Crema elegante (rgb(250, 249, 245)) */
  --bg-200: transparent;
  /* Fondo sidebar - Transparente sobre bg-100 para integración suave */
  --bg-300: rgba(31, 30, 29, 0.05);
  /* Estado hover - Overlay ligero para interacciones */
  --bg-400: rgba(31, 30, 29, 0.1);
  /* Estado activo - Overlay medio para elementos seleccionados */

  /* === TEXTO === */
  --text-100: rgb(20, 20, 19);
  /* Texto principal - Carbón oscuro para máxima legibilidad */
  --text-200: rgb(61, 61, 58);
  /* Texto secundario - Gris medio para información complementaria */
  --text-300: rgb(61, 61, 58);
  /* Texto terciario - Mismo que secundario para consistencia */

  /* === BORDES === */
  --border-300: rgba(31, 30, 29, 0.15);
  /* Borde primario - Transparente sutil para separación */
  --border-400: rgba(31, 30, 29, 0.3);
  /* Borde hover - Más visible en interacciones */
  --border-radius-button: 24px;
  /* Radio de borde estándar para botones - Consistente con diseño Claude AI */

  /* === BOTONES CHAINLIT ESPECÍFICOS === */
  --chainlit-submit: 60, 3%, 23%;
  /* Color específico para botón envío Chainlit - Marrón neutro modo claro */
  --chainlit-submit-foreground: 0, 0%, 100%;
  /* Color de flecha para botón envío - Blanco modo claro */

  /* === ACENTOS === */
  --primary-500: rgb(61, 61, 58);
  /* Color primario para estados de focus y elementos destacados */

  /* === BOTONES STARTER === */
  --starter-button-text-light: rgb(161, 161, 161);
  /* Color del texto para los botones starter en modo claro */
  --starter-button-text-dark: rgb(161, 161, 161);
  /* Color del texto para los botones starter en modo oscuro */
  --starter-button-icon-light: rgb(20, 20, 19);
  /* Color de los iconos para los botones starter en modo claro */
  --starter-button-icon-dark: rgb(250, 249, 245);
  /* Color de los iconos para los botones starter en modo oscuro */

  /* === MODO OSCURO === */
  --dark-bg-100: rgb(38, 38, 36);
  /* Fondo principal modo oscuro - Negro profundo */
  --dark-bg-200: transparent;
  /* Fondo sidebar modo oscuro - Transparente para consistencia */
  --dark-bg-300: rgba(255, 255, 255, 0.05);
  /* Estado hover modo oscuro - Overlay blanco sutil */
  --dark-bg-400: rgba(255, 255, 255, 0.1);
  /* Estado activo modo oscuro - Overlay blanco más visible */

  --dark-text-100: rgb(250, 249, 245);
  /* Texto principal modo oscuro - Blanco suave para los ojos */
  --dark-text-200: rgb(160, 160, 160);
  /* Texto secundario modo oscuro - Gris medio */
  --dark-text-300: rgb(160, 160, 160);
  /* Texto terciario modo oscuro - Consistente con secundario */

  --dark-border-300: rgba(255, 255, 255, 0.15);
  /* Borde primario modo oscuro - Blanco transparente sutil */
  --dark-border-400: rgba(255, 255, 255, 0.3);
  /* Borde hover modo oscuro - Blanco transparente más visible */

  --dark-chainlit-submit: 0, 0%, 100%;
  /* Color específico para botón envío Chainlit - Blanco modo oscuro */
  --dark-chainlit-submit-foreground: 0, 0%, 0%;
  /* Color de flecha para botón envío - Negro modo oscuro */

  /* === ANIMACIONES === */
  --transition-speed: 100ms;
  /* Duración de transiciones - Rápido para respuesta inmediata */

  /* === VARIABLES PARA TÍTULO DE BIENVENIDA === */
  /* Espaciado del título de bienvenida */
  --welcome-title-margin-top: 0rem;
  /* Distancia del logo al mensaje */
  --welcome-title-margin-bottom: 1.5rem;
  /* Distancia del mensaje al input */
  --welcome-title-margin-sides: 1rem;
  /* Márgenes laterales */

  /* Tipografía del título de bienvenida */
  --welcome-title-font-size: 2.25rem;
  /* Tamaño de fuente (36px aprox.) */
  --welcome-title-font-weight: 300;
  /* Peso de fuente (light) */
  --welcome-title-line-height: 1.2;
  /* Altura de línea */

  /* Responsive breakpoints */
  --welcome-title-font-size-md: 1.875rem;
  /* Tablet (30px aprox.) */
  --welcome-title-font-size-sm: 1.5rem;
  /* Mobile (24px aprox.) */
}

/* Aplicar Noto Sans como fuente base */
body,
html {
  font-family: var(--font-family-ui);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
}

/* Clases específicas para las fuentes Noto */
.noto-sans {
  font-family: var(--font-family-ui);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
}

.noto-sans-mono {
  font-family: var(--font-family-code);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
}

.noto-serif {
  font-family: var(--font-family-legal);
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
}


/* Responsive design */
@media (max-width: 768px) {
  .chainlit-chat-container {
    padding: 10px;
  }

  .chainlit-message {
    padding: 12px;
  }

}

/* Animation for smooth transitions */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/* === CHAINLIT STARTERS CUSTOMIZATION === */

/* === ESTILO STARTERS - Idéntico al botón Cancel === */

/* Aplicar el estilo completo del botón Cancel a los starters */
#starter-consultar-expediente,
#starter-ver-mis-casos,
#starter-actualizar-procesos {
  /* Layout */
  justify-content: center !important;
  width: auto !important;

  /* Visual */
  background-color: rgb(250, 249, 245) !important;
  border: 1px solid rgba(31, 30, 29, 0.15) !important;
  color: var(--starter-button-text-light) !important;

  /* Tipografía */
  font-family: "Noto Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-align: center !important;

  /* Interactividad */
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Forzar el color del texto para sobreescribir .text-muted-foreground */
#starter-consultar-expediente .text-muted-foreground,
#starter-ver-mis-casos .text-muted-foreground,
#starter-actualizar-procesos .text-muted-foreground {
  color: var(--starter-button-text-light) !important;
  transition: color 0.2s ease-out !important;
}

html.dark #starter-consultar-expediente .text-muted-foreground,
html.dark #starter-ver-mis-casos .text-muted-foreground,
html.dark #starter-actualizar-procesos .text-muted-foreground {
  color: var(--text-200) !important;
}

#starter-consultar-expediente:hover .text-muted-foreground,
#starter-ver-mis-casos:hover .text-muted-foreground,
#starter-actualizar-procesos:hover .text-muted-foreground {
  color: var(--text-200) !important;
  transition: color 0.2s ease-out !important;
}

/* Iconos en modo claro */
html:not(.dark) #starter-consultar-expediente img,
html:not(.dark) #starter-ver-mis-casos img,
html:not(.dark) #starter-actualizar-procesos img {
  filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(0%) hue-rotate(222deg) brightness(87%) contrast(101%) !important;
  transition: filter 0.2s ease-out !important;
}

html:not(.dark) #starter-consultar-expediente:hover img,
html:not(.dark) #starter-ver-mis-casos:hover img,
html:not(.dark) #starter-actualizar-procesos:hover img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(7%) saturate(321%) hue-rotate(22deg) brightness(92%) contrast(83%) !important;
}

/* Estados hover */
#starter-consultar-expediente:hover,
#starter-ver-mis-casos:hover,
#starter-actualizar-procesos:hover {
  background-color: hsl(var(--accent)) !important;
}

/* === MODO OSCURO - Starters idénticos al botón Cancel === */
html.dark #starter-consultar-expediente,
html.dark #starter-ver-mis-casos,
html.dark #starter-actualizar-procesos {
  /* Visual - usar las mismas variables CSS que Cancel */
  background-color: hsl(var(--background)) !important;
  border: 1px solid hsl(var(--border)) !important;
  border-color: hsl(var(--border)) !important;
  color: var(--starter-button-text-dark) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Estados hover modo oscuro */
html.dark #starter-consultar-expediente:hover,
html.dark #starter-ver-mis-casos:hover,
html.dark #starter-actualizar-procesos:hover {
  background-color: hsl(var(--accent)) !important;
}

html.dark #starter-consultar-expediente:hover .text-muted-foreground,
html.dark #starter-ver-mis-casos:hover .text-muted-foreground,
html.dark #starter-actualizar-procesos:hover .text-muted-foreground {
  color: var(--dark-text-100) !important;
  transition: color 0.2s ease-out !important;
}

html.dark #starter-consultar-expediente:hover img,
html.dark #starter-ver-mis-casos:hover img,
html.dark #starter-actualizar-procesos:hover img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(605%) hue-rotate(11deg) brightness(116%) contrast(96%) !important;
}

/* Fix Chainlit input area using professional colors */
[data-cy="chat-input-container"],
.chainlit-input-container,
#message-composer {
  background-color: white;
  border: 1px solid var(--border-300);
  transition: all var(--transition-speed) ease;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

[data-cy="chat-input-container"]:hover,
.chainlit-input-container:hover,
#message-composer:hover {
  border-color: var(--border-400);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

[data-cy="chat-input-container"]:focus-within,
.chainlit-input-container:focus-within,
#message-composer:focus-within {
  border-color: var(--primary-500);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Ensure input fields use correct background and professional colors */
[contenteditable],
textarea,
input[type="text"],
#chat-input {
  background-color: transparent;
  color: var(--text-100);
  font-family: var(--font-family-ui);
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -0.48px;
}

/* Send button - Chainlit specific (maximum specificity approach) */
/* Enabled state */
button#chat-submit:not([disabled]):not(.disabled),
button[data-cy="chat-submit"]:not([disabled]):not(.disabled) {
  background-color: hsl(var(--chainlit-submit)) !important;
  color: hsl(var(--chainlit-submit-foreground)) !important;
  border: none !important;
  transition: all var(--transition-speed) ease;
}

button#chat-submit:not([disabled]):not(.disabled):hover,
button[data-cy="chat-submit"]:not([disabled]):not(.disabled):hover {
  transform: scale(1.05);
}

/* Efecto hover específico para modo oscuro para que se aclare 
.dark button#chat-submit:not([disabled]):not(.disabled):hover,
.dark button[data-cy="chat-submit"]:not([disabled]):not(.disabled):hover {} */

/* Disabled state - multiple selectors for maximum override */
button#chat-submit[disabled],
button#chat-submit:disabled,
button#chat-submit.disabled,
button[data-cy="chat-submit"][disabled],
button[data-cy="chat-submit"]:disabled,
button[data-cy="chat-submit"].disabled {
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.4) !important;
  border: 1px solid hsl(var(--chainlit-submit) / 0.3) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: hsl(var(--chainlit-submit) / 0.3) !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* Dark mode disabled state override */
.dark button#chat-submit[disabled],
.dark button#chat-submit:disabled,
.dark button#chat-submit.disabled,
.dark button[data-cy="chat-submit"][disabled],
.dark button[data-cy="chat-submit"]:disabled,
.dark button[data-cy="chat-submit"].disabled {
  color: rgba(255, 255, 255, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Light mode disabled state override */
html:not(.dark) button#chat-submit[disabled],
html:not(.dark) button#chat-submit:disabled,
html:not(.dark) button#chat-submit.disabled,
html:not(.dark) button[data-cy="chat-submit"][disabled],
html:not(.dark) button[data-cy="chat-submit"]:disabled,
html:not(.dark) button[data-cy="chat-submit"].disabled {
  color: rgba(60, 60, 57, 0.4) !important;
  border-color: rgba(60, 60, 57, 0.3) !important;
}

/* Custom scrollbar with professional colors */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--bg-300);
}

::-webkit-scrollbar-thumb {
  background: var(--border-400);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-300);
}

/* DARK MODE - Professional Theme (Chainlit usa .dark class) */
.dark {
  /* Override light variables with dark equivalents */
  --bg-100: var(--dark-bg-100);
  --bg-200: var(--dark-bg-200);
  --bg-300: var(--dark-bg-300);
  --bg-400: var(--dark-bg-400);

  --text-100: var(--dark-text-100);
  --text-200: var(--dark-text-200);
  --text-300: var(--dark-text-300);

  --border-300: var(--dark-border-300);
  --border-400: var(--dark-border-400);

  /* Botón Chainlit específico para modo oscuro */
  --chainlit-submit: var(--dark-chainlit-submit);
  --chainlit-submit-foreground: var(--dark-chainlit-submit-foreground);

}

/* Dark mode body styling */
.dark body,
.dark html {
  background-color: var(--dark-bg-100);
  color: var(--dark-text-100);
}

/* Dark mode input containers - Override Tailwind classes with higher specificity */
html.dark [data-cy="chat-input-container"],
html.dark .chainlit-input-container,
html.dark #message-composer,
html.dark div#message-composer.bg-accent,
html.dark div#message-composer.bg-accent.dark\:bg-card {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--dark-text-100) !important;
}

html.dark [data-cy="chat-input-container"]:hover,
html.dark .chainlit-input-container:hover,
html.dark #message-composer:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

html.dark [data-cy="chat-input-container"]:focus-within,
html.dark .chainlit-input-container:focus-within,
html.dark #message-composer:focus-within {
  border-color: var(--primary-500) !important;
}

/* Dark mode input fields */
.dark [contenteditable],
.dark textarea,
.dark input[type="text"],
.dark #chat-input {
  color: var(--dark-text-100);
}



/* Dark mode scrollbar */
.dark ::-webkit-scrollbar-track {
  background: var(--dark-bg-300);
}

.dark ::-webkit-scrollbar-thumb {
  background: var(--dark-border-400);
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: var(--dark-text-300);
}


/* Aplicar estilos de #message-composer solo a botones Cancel y Confirm */
[role="dialog"] button:not([id="confirm"]):not(.absolute) {
  border: 1px solid rgba(31, 30, 29, 0.15);
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

[role="dialog"] button[id="confirm"] {
  border: 1px solid rgba(31, 30, 29, 0.15);
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

/* Estados hover con efectos más visibles */
[role="dialog"] button:not([id="confirm"]):not(.absolute):hover {
  border: 1px solid rgba(31, 30, 29, 0.2);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
}

[role="dialog"] button[id="confirm"]:hover {
  border: 1px solid rgba(31, 30, 29, 0.2);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
  background-color: rgba(20, 20, 19, 1);
}

/* Estados focus solo para Cancel y Confirm */
[role="dialog"] button[id="confirm"]:focus-visible,
[role="dialog"] button:not([id="confirm"]):not(.absolute):focus-visible {
  border: 1px solid rgba(31, 30, 29, 0.25);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
  outline: none;
}

/* Estilos para modo oscuro - Botones del diálogo */
.dark [role="dialog"] button:not([id="confirm"]):not(.absolute) {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.dark [role="dialog"] button[id="confirm"] {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

/* Estados hover modo oscuro */
.dark [role="dialog"] button:not([id="confirm"]):not(.absolute):hover {
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
}

.dark [role="dialog"] button[id="confirm"]:hover {
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
  background-color: rgba(20, 20, 19, 1);
}

/* Estados focus modo oscuro */
.dark [role="dialog"] button[id="confirm"]:focus-visible,
.dark [role="dialog"] button:not([id="confirm"]):not(.absolute):focus-visible {
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
  outline: none;
}

/* Botón de scroll hacia abajo - Consistente con input y send button */
button:has(svg.lucide-arrow-down) {
  border: 1px solid var(--primary-500) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

button:has(svg.lucide-arrow-down) svg {
  stroke-width: 2px !important;
}

/* Modo oscuro */
.dark button:has(svg.lucide-arrow-down) {
  border-color: var(--primary-500) !important;
}

/* === REEMPLAZO LOGO SKEMÁTICA EN WATERMARK === */
/* Reemplazar solo el SVG original de Chainlit manteniendo posición y texto "Context Engine" */

/* Ocultar el SVG original de Chainlit */
.watermark svg {
  display: none !important;
}

/* Insertar logo SVG de Skemática en la misma posición - Versión modo claro */
.watermark::after {
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 175.81395 26.520165' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E%3C!%5BCDATA%5B /* Estilos base para el logo */ .letter %7B fill: rgb(161, 161, 161); transition: fill 0.2s ease-in-out; %7D .letter-accent, .letter-a1, .letter-a2, .letter-i-dot %7B fill: rgb(161, 161, 161); %7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg transform='translate(-103.19692,-91.707237)'%3E%3Cpath class='letter letter-s' d='m 111.15292,118.22724 q -3.026,0 -4.794,-0.714 -1.734,-0.748 -2.448,-1.836 -0.714,-1.088 -0.714,-2.21 0,-1.734 1.088,-2.448 1.088,-0.714 2.55,-0.714 0.068,2.89 1.462,4.386 1.394,1.496 3.434,1.496 1.972,0 3.06,-1.054 1.122,-1.088 1.122,-2.618 0,-1.734 -1.428,-2.754 -1.394,-1.054 -4.25,-2.244 -3.57,-1.462 -5.032,-3.264 -1.428,-1.836 -1.428,-4.352002 0,-2.074 1.122,-3.536 1.122,-1.496 3.026,-2.278 1.904,-0.816 4.284,-0.816 2.448,0 4.046,0.612 1.632,0.578 2.414,1.53 0.816,0.918 0.816,1.938 0,1.19 -0.952,1.938 -0.952,0.748002 -3.06,0.748002 0,-1.088002 -0.408,-2.176002 -0.408,-1.088 -1.258,-1.802 -0.816,-0.714 -2.108,-0.714 -1.564,0 -2.516,0.816 -0.952,0.782 -0.952,2.312 0,0.952 0.442,1.768002 0.476,0.816 1.7,1.632 1.258,0.782 3.536,1.7 3.502,1.394 4.998,3.162 1.53,1.734 1.53,4.25 0,2.176 -1.156,3.808 -1.122,1.632 -3.196,2.55 -2.074,0.884 -4.93,0.884 z'/%3E%3Cpath class='letter letter-k' d='m 122.30493,117.88724 v -1.802 h 0.408 q 0.476,0 1.02,-0.136 0.578,-0.17 0.986,-0.612 0.408,-0.476 0.408,-1.462 V 95.923238 q 0,-0.918 -0.408,-1.36 -0.408,-0.442 -0.986,-0.578 -0.544,-0.136 -1.02,-0.136 h -0.408 v -1.802 h 7.99 v 13.022002 q 0,0.612 -0.034,1.394 0,0.782 -0.068,1.428 -0.034,0.646 -0.068,0.816 l 4.284,-4.794 q 0.578,-0.646 0.748,-1.02 0.17,-0.374 0.17,-0.612 0,-0.918 -1.768,-0.918 v -1.700002 h 8.568 v 1.700002 q -1.156,0 -2.312,0.714 -1.156,0.68 -2.482,2.176 l -1.938,2.244 4.522,6.732 q 0.918,1.394 1.7,2.142 0.782,0.714 1.632,0.714 h 0.102 v 1.802 h -0.476 q -1.87,0 -3.128,-0.136 -1.224,-0.136 -2.108,-0.476 -0.85,-0.374 -1.53,-1.054 -0.646,-0.714 -1.36,-1.836 l -2.856,-4.556 -1.598,1.292 v 2.754 q 0,0.952 0.408,1.428 0.408,0.476 0.952,0.646 0.578,0.136 1.054,0.136 h 0.408 v 1.802 z'/%3E%3Cpath class='letter letter-e' d='m 152.73486,99.221334 c -2.69733,0 -4.78261,0.815916 -6.25595,2.447916 -1.45066,1.60933 -2.17609,4.01183 -2.17609,7.20783 0,2.94666 0.73687,5.24775 2.2102,6.90242 1.496,1.632 3.69465,2.44791 6.59598,2.44791 1.632,0 2.94661,-0.20437 3.94395,-0.61237 1.02,-0.408 1.76779,-0.9067 2.24379,-1.49603 0.476,-0.58933 0.71416,-1.17852 0.71416,-1.76785 0,-0.38533 -0.11336,-0.70255 -0.34003,-0.95188 -0.22666,-0.272 -0.49863,-0.45349 -0.81597,-0.54415 -0.38533,0.77066 -0.95215,1.43941 -1.70015,2.00608 -0.748,0.544 -1.69964,0.81597 -2.85564,0.81597 -1.54133,0 -2.70878,-0.52107 -3.50211,-1.56373 -0.77067,-1.04267 -1.19032,-2.69737 -1.25832,-4.96404 h 11.15229 v -1.73426 c 0,-2.69733 -0.71399,-4.73737 -2.14199,-6.12004 -1.40533,-1.382669 -3.34345,-2.073776 -5.81412,-2.073776 z m 0.0682,2.209686 c 0.97466,0 1.66577,0.4987 2.07377,1.49603 0.408,0.97467 0.61185,2.3236 0.61185,4.04627 h -5.88181 c 0.068,-1.81334 0.37377,-3.18463 0.91777,-4.11397 0.56667,-0.952 1.32642,-1.42833 2.27842,-1.42833 z'/%3E%3Cpath class='letter letter-m' d='m 162.8329,117.88724 v -1.802 h 0.272 q 1.122,0 1.768,-0.408 0.68,-0.408 0.68,-1.938 v -10.166 q 0,-1.428 -0.68,-1.802 -0.646,-0.408 -1.768,-0.408 h -0.102 v -1.700002 h 7.14 l 0.442,2.414002 h 0.17 q 0.816,-1.428 2.04,-2.142002 1.258,-0.714 3.366,-0.714 1.802,0 3.06,0.68 1.258,0.680002 1.87,2.176002 h 0.204 q 1.53,-2.856002 5.406,-2.856002 2.72,0 4.216,1.564002 1.496,1.564 1.496,4.998 v 7.888 q 0,1.598 0.544,2.006 0.578,0.408 1.734,0.408 h 0.136 v 1.802 h -7.582 v -11.186 q 0,-2.176 -0.612,-3.366 -0.612,-1.224 -2.108,-1.224 -1.054,0 -1.734,0.68 -0.646,0.646 -0.952,1.768 -0.272,1.122 -0.272,2.414 v 6.698 q 0,1.598 0.544,2.006 0.578,0.408 1.734,0.408 h 0.102 v 1.802 h -7.548 v -11.186 q 0,-2.176 -0.578,-3.366 -0.578,-1.224 -2.074,-1.224 -1.122,0 -1.802,0.748 -0.646,0.714 -0.952,1.938 -0.272,1.19 -0.272,2.584 v 6.494 q 0,1.428 0.646,1.836 0.68,0.374 1.802,0.374 h 0.102 v 1.802 z'/%3E%3Cpath class='letter letter-a1' d='m 205.63913,99.221334 c -1.292,0 -2.47089,0.124804 -3.53622,0.374137 -1.04267,0.226667 -1.88146,0.589119 -2.51613,1.087789 -0.63466,0.49867 -0.95188,1.16741 -0.95188,2.00608 0,0.83867 0.35154,1.42785 1.0542,1.76785 0.70267,0.34 1.77911,0.51005 3.22978,0.51005 0,-1.156 0.17005,-2.05148 0.51005,-2.68614 0.34,-0.65734 0.94062,-0.98599 1.80195,-0.98599 0.92934,0 1.55284,0.34009 1.87017,1.02009 0.34,0.65734 0.51005,1.60949 0.51005,2.85616 v 1.86965 l -2.78794,0.10232 c -2.56134,0.0907 -4.47709,0.57793 -5.74642,1.46193 -1.24667,0.884 -1.86966,2.24385 -1.86966,4.07985 0,1.88133 0.50963,3.27551 1.52963,4.18218 1.04266,0.90666 2.31203,1.36012 3.80803,1.36012 0.86134,0 1.5644,-0.10193 2.1084,-0.30593 0.56667,-0.18133 1.07629,-0.46474 1.52962,-0.85007 0.45334,-0.408 0.92967,-0.91814 1.42834,-1.53014 h 0.30592 l 0.71366,2.34611 h 6.32416 v -1.80196 h -0.13591 c -0.748,0 -1.2805,-0.17005 -1.59784,-0.51005 -0.29466,-0.34 -0.44235,-0.97494 -0.44235,-1.90427 v -8.66976 c 0,-2.13066 -0.60062,-3.62676 -1.80195,-4.4881 -1.17867,-0.86133 -2.95766,-1.291906 -5.33766,-1.291906 z m 1.97197,9.622156 v 2.54971 c 0,1.33733 -0.29485,2.40285 -0.88418,3.19619 -0.56667,0.77066 -1.33734,1.156 -2.31201,1.156 -1.292,0 -1.93786,-0.97504 -1.93786,-2.92437 0,-1.224 0.26053,-2.15328 0.78186,-2.78794 0.52133,-0.65734 1.46205,-1.01979 2.82205,-1.08779 z'/%3E%3Cpath class='letter letter-accent' d='m 203.4289,96.841238 q 0.51,-0.646 1.122,-1.53 0.646,-0.884 1.224,-1.802 0.578,-0.918 0.952,-1.666 h 5.338 v 0.34 q -0.306,0.442 -1.02,1.122 -0.714,0.68 -1.666,1.428 -0.918,0.748 -1.87,1.428 -0.952,0.646 -1.768,1.122 h -2.312 z'/%3E%3Cpath class='letter letter-t' d='m 224.71292,118.22724 q -2.618,0 -4.012,-1.19 -1.36,-1.19 -1.36,-4.182 v -10.88 h -2.55 v -1.734 q 1.088,0 1.938,-0.408002 0.884,-0.442 1.394,-1.02 1.054,-1.122 1.564,-3.366 h 2.822 v 4.216 h 4.352 v 2.312002 h -4.352 v 10.54 q 0,1.53 0.51,2.244 0.544,0.714 1.734,0.714 0.68,0 1.292,-0.068 0.612,-0.102 1.122,-0.238 v 2.21 q -0.544,0.238 -1.734,0.544 -1.156,0.306 -2.72,0.306 z'/%3E%3Cpath class='letter letter-i' d='m 230.42495,117.88724 v -1.802 h 0.408 q 1.02,0 1.7,-0.476 0.714,-0.476 0.714,-1.938 v -9.928 q 0,-1.36 -0.714,-1.802 -0.68,-0.476 -1.7,-0.476 h -0.408 v -1.802002 h 7.99 v 14.008002 q 0,1.462 0.68,1.938 0.714,0.476 1.734,0.476 h 0.408 v 1.802 z'/%3E%3Cpath class='letter letter-i-dot' d='m 235.66095,96.603238 q -1.224,0 -2.074,-0.578 -0.816,-0.612 -0.816,-1.87 0,-1.292 0.816,-1.87 0.85,-0.578 2.074,-0.578 1.19,0 2.04,0.578 0.884,0.578 0.884,1.87 0,1.258 -0.884,1.87 -0.85,0.578 -2.04,0.578 z'/%3E%3Cpath class='letter letter-c' d='m 251.84492,118.22724 q -2.516,0 -4.42,-0.884 -1.87,-0.918 -2.958,-2.958 -1.054,-2.074 -1.054,-5.542 0,-3.672 1.088,-5.746 1.122,-2.108 2.992,-2.992 1.904,-0.884002 4.25,-0.884002 3.298,0 4.998,1.054002 1.734,1.02 1.734,2.516 0,0.748 -0.374,1.394 -0.34,0.646 -1.292,1.088 -0.952,0.408 -2.72,0.408 0,-1.156 -0.204,-2.142 -0.204,-1.02 -0.68,-1.632 -0.476,-0.612 -1.326,-0.612 -0.986,0 -1.7,0.68 -0.714,0.646 -1.122,2.278 -0.408,1.632 -0.408,4.556 0,3.434 0.952,5.168 0.952,1.7 3.094,1.7 1.768,0 3.06,-0.782 1.292,-0.816 1.87,-1.972 0.408,0.238 0.612,0.68 0.204,0.442 0.204,0.884 0,0.85 -0.714,1.734 -0.68,0.85 -2.142,1.428 -1.428,0.578 -3.74,0.578 z'/%3E%3Cpath class='letter letter-a2' d='m 269.69517,99.221334 c -1.292,0 -2.47089,0.124804 -3.53622,0.374137 -1.04267,0.226667 -1.88146,0.589119 -2.51613,1.087789 -0.63466,0.49867 -0.95188,1.16741 -0.95188,2.00608 0,0.83867 0.35153,1.42785 1.0542,1.76785 0.70267,0.34 1.77911,0.51005 3.22978,0.51005 0,-1.156 0.17005,-2.05148 0.51005,-2.68614 0.34,-0.65734 0.94062,-0.98599 1.80195,-0.98599 0.92934,0 1.55284,0.34009 1.87017,1.02009 0.34,0.65734 0.51005,1.60949 0.51005,2.85616 v 1.86965 l -2.78846,0.10232 c -2.56133,0.0907 -4.47657,0.57793 -5.7459,1.46193 -1.24667,0.884 -1.86966,2.24385 -1.86966,4.07985 0,1.88133 0.50962,3.27551 1.52962,4.18218 1.04267,0.90666 2.31204,1.36012 3.80804,1.36012 0.86133,0 1.5644,-0.10193 2.1084,-0.30593 0.56667,-0.18133 1.07629,-0.46474 1.52962,-0.85007 0.45334,-0.408 0.92967,-0.91814 1.42834,-1.53014 h 0.30592 l 0.71365,2.34611 h 6.32417 v -1.80196 h -0.13591 c -0.748,0 -1.2805,-0.17005 -1.59784,-0.51005 -0.29466,-0.34 -0.44235,-0.97494 -0.44235,-1.90427 v -8.66976 c 0,-2.13066 -0.60062,-3.62676 -1.80196,-4.4881 -1.17866,-0.86133 -2.95765,-1.291906 -5.33765,-1.291906 z m 1.97197,9.622156 v 2.54971 c 0,1.33733 -0.29485,2.40285 -0.88419,3.19619 -0.56666,0.77066 -1.33733,1.156 -2.312,1.156 -1.292,0 -1.93786,-0.97504 -1.93786,-2.92437 0,-1.224 0.26053,-2.15328 0.78186,-2.78794 0.52133,-0.65734 1.46205,-1.01979 2.82205,-1.08779 z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 65px;
  height: 16px;
  margin-left: 4px;
  display: block;
}

/* Modo oscuro - Versión con colores claros */
.dark .watermark::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 175.81395 26.520165' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E%3C!%5BCDATA%5B /* Modo oscuro - se activa cuando el elemento padre tiene clase .dark */ .dark .letter %7B fill: rgb(250, 249, 245); %7D .dark .letter-accent, .dark .letter-a1, .dark .letter-a2, .dark .letter-i-dot %7B fill: rgb(250,249,245); %7D /* Soporte para prefers-color-scheme */ @media (prefers-color-scheme: dark) %7B .letter %7B fill: rgb(250,249,245); %7D .letter-accent, .letter-a1, .letter-a2, .letter-i-dot %7B fill: rgb(250,249,245); %7D %7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg transform='translate(-103.19692,-91.707237)'%3E%3Cpath class='letter letter-s' d='m 111.15292,118.22724 q -3.026,0 -4.794,-0.714 -1.734,-0.748 -2.448,-1.836 -0.714,-1.088 -0.714,-2.21 0,-1.734 1.088,-2.448 1.088,-0.714 2.55,-0.714 0.068,2.89 1.462,4.386 1.394,1.496 3.434,1.496 1.972,0 3.06,-1.054 1.122,-1.088 1.122,-2.618 0,-1.734 -1.428,-2.754 -1.394,-1.054 -4.25,-2.244 -3.57,-1.462 -5.032,-3.264 -1.428,-1.836 -1.428,-4.352002 0,-2.074 1.122,-3.536 1.122,-1.496 3.026,-2.278 1.904,-0.816 4.284,-0.816 2.448,0 4.046,0.612 1.632,0.578 2.414,1.53 0.816,0.918 0.816,1.938 0,1.19 -0.952,1.938 -0.952,0.748002 -3.06,0.748002 0,-1.088002 -0.408,-2.176002 -0.408,-1.088 -1.258,-1.802 -0.816,-0.714 -2.108,-0.714 -1.564,0 -2.516,0.816 -0.952,0.782 -0.952,2.312 0,0.952 0.442,1.768002 0.476,0.816 1.7,1.632 1.258,0.782 3.536,1.7 3.502,1.394 4.998,3.162 1.53,1.734 1.53,4.25 0,2.176 -1.156,3.808 -1.122,1.632 -3.196,2.55 -2.074,0.884 -4.93,0.884 z'/%3E%3Cpath class='letter letter-k' d='m 122.30493,117.88724 v -1.802 h 0.408 q 0.476,0 1.02,-0.136 0.578,-0.17 0.986,-0.612 0.408,-0.476 0.408,-1.462 V 95.923238 q 0,-0.918 -0.408,-1.36 -0.408,-0.442 -0.986,-0.578 -0.544,-0.136 -1.02,-0.136 h -0.408 v -1.802 h 7.99 v 13.022002 q 0,0.612 -0.034,1.394 0,0.782 -0.068,1.428 -0.034,0.646 -0.068,0.816 l 4.284,-4.794 q 0.578,-0.646 0.748,-1.02 0.17,-0.374 0.17,-0.612 0,-0.918 -1.768,-0.918 v -1.700002 h 8.568 v 1.700002 q -1.156,0 -2.312,0.714 -1.156,0.68 -2.482,2.176 l -1.938,2.244 4.522,6.732 q 0.918,1.394 1.7,2.142 0.782,0.714 1.632,0.714 h 0.102 v 1.802 h -0.476 q -1.87,0 -3.128,-0.136 -1.224,-0.136 -2.108,-0.476 -0.85,-0.374 -1.53,-1.054 -0.646,-0.714 -1.36,-1.836 l -2.856,-4.556 -1.598,1.292 v 2.754 q 0,0.952 0.408,1.428 0.408,0.476 0.952,0.646 0.578,0.136 1.054,0.136 h 0.408 v 1.802 z'/%3E%3Cpath class='letter letter-e' d='m 152.73486,99.221334 c -2.69733,0 -4.78261,0.815916 -6.25595,2.447916 -1.45066,1.60933 -2.17609,4.01183 -2.17609,7.20783 0,2.94666 0.73687,5.24775 2.2102,6.90242 1.496,1.632 3.69465,2.44791 6.59598,2.44791 1.632,0 2.94661,-0.20437 3.94395,-0.61237 1.02,-0.408 1.76779,-0.9067 2.24379,-1.49603 0.476,-0.58933 0.71416,-1.17852 0.71416,-1.76785 0,-0.38533 -0.11336,-0.70255 -0.34003,-0.95188 -0.22666,-0.272 -0.49863,-0.45349 -0.81597,-0.54415 -0.38533,0.77066 -0.95215,1.43941 -1.70015,2.00608 -0.748,0.544 -1.69964,0.81597 -2.85564,0.81597 -1.54133,0 -2.70878,-0.52107 -3.50211,-1.56373 -0.77067,-1.04267 -1.19032,-2.69737 -1.25832,-4.96404 h 11.15229 v -1.73426 c 0,-2.69733 -0.71399,-4.73737 -2.14199,-6.12004 -1.40533,-1.382669 -3.34345,-2.073776 -5.81412,-2.073776 z m 0.0682,2.209686 c 0.97466,0 1.66577,0.4987 2.07377,1.49603 0.408,0.97467 0.61185,2.3236 0.61185,4.04627 h -5.88181 c 0.068,-1.81334 0.37377,-3.18463 0.91777,-4.11397 0.56667,-0.952 1.32642,-1.42833 2.27842,-1.42833 z'/%3E%3Cpath class='letter letter-m' d='m 162.8329,117.88724 v -1.802 h 0.272 q 1.122,0 1.768,-0.408 0.68,-0.408 0.68,-1.938 v -10.166 q 0,-1.428 -0.68,-1.802 -0.646,-0.408 -1.768,-0.408 h -0.102 v -1.700002 h 7.14 l 0.442,2.414002 h 0.17 q 0.816,-1.428 2.04,-2.142002 1.258,-0.714 3.366,-0.714 1.802,0 3.06,0.68 1.258,0.680002 1.87,2.176002 h 0.204 q 1.53,-2.856002 5.406,-2.856002 2.72,0 4.216,1.564002 1.496,1.564 1.496,4.998 v 7.888 q 0,1.598 0.544,2.006 0.578,0.408 1.734,0.408 h 0.136 v 1.802 h -7.582 v -11.186 q 0,-2.176 -0.612,-3.366 -0.612,-1.224 -2.108,-1.224 -1.054,0 -1.734,0.68 -0.646,0.646 -0.952,1.768 -0.272,1.122 -0.272,2.414 v 6.698 q 0,1.598 0.544,2.006 0.578,0.408 1.734,0.408 h 0.102 v 1.802 h -7.548 v -11.186 q 0,-2.176 -0.578,-3.366 -0.578,-1.224 -2.074,-1.224 -1.122,0 -1.802,0.748 -0.646,0.714 -0.952,1.938 -0.272,1.19 -0.272,2.584 v 6.494 q 0,1.428 0.646,1.836 0.68,0.374 1.802,0.374 h 0.102 v 1.802 z'/%3E%3Cpath class='letter letter-a1' d='m 205.63913,99.221334 c -1.292,0 -2.47089,0.124804 -3.53622,0.374137 -1.04267,0.226667 -1.88146,0.589119 -2.51613,1.087789 -0.63466,0.49867 -0.95188,1.16741 -0.95188,2.00608 0,0.83867 0.35154,1.42785 1.0542,1.76785 0.70267,0.34 1.77911,0.51005 3.22978,0.51005 0,-1.156 0.17005,-2.05148 0.51005,-2.68614 0.34,-0.65734 0.94062,-0.98599 1.80195,-0.98599 0.92934,0 1.55284,0.34009 1.87017,1.02009 0.34,0.65734 0.51005,1.60949 0.51005,2.85616 v 1.86965 l -2.78794,0.10232 c -2.56134,0.0907 -4.47709,0.57793 -5.74642,1.46193 -1.24667,0.884 -1.86966,2.24385 -1.86966,4.07985 0,1.88133 0.50963,3.27551 1.52963,4.18218 1.04266,0.90666 2.31203,1.36012 3.80803,1.36012 0.86134,0 1.5644,-0.10193 2.1084,-0.30593 0.56667,-0.18133 1.07629,-0.46474 1.52962,-0.85007 0.45334,-0.408 0.92967,-0.91814 1.42834,-1.53014 h 0.30592 l 0.71366,2.34611 h 6.32416 v -1.80196 h -0.13591 c -0.748,0 -1.2805,-0.17005 -1.59784,-0.51005 -0.29466,-0.34 -0.44235,-0.97494 -0.44235,-1.90427 v -8.66976 c 0,-2.13066 -0.60062,-3.62676 -1.80195,-4.4881 -1.17867,-0.86133 -2.95766,-1.291906 -5.33766,-1.291906 z m 1.97197,9.622156 v 2.54971 c 0,1.33733 -0.29485,2.40285 -0.88418,3.19619 -0.56667,0.77066 -1.33734,1.156 -2.31201,1.156 -1.292,0 -1.93786,-0.97504 -1.93786,-2.92437 0,-1.224 0.26053,-2.15328 0.78186,-2.78794 0.52133,-0.65734 1.46205,-1.01979 2.82205,-1.08779 z'/%3E%3Cpath class='letter letter-accent' d='m 203.4289,96.841238 q 0.51,-0.646 1.122,-1.53 0.646,-0.884 1.224,-1.802 0.578,-0.918 0.952,-1.666 h 5.338 v 0.34 q -0.306,0.442 -1.02,1.122 -0.714,0.68 -1.666,1.428 -0.918,0.748 -1.87,1.428 -0.952,0.646 -1.768,1.122 h -2.312 z'/%3E%3Cpath class='letter letter-t' d='m 224.71292,118.22724 q -2.618,0 -4.012,-1.19 -1.36,-1.19 -1.36,-4.182 v -10.88 h -2.55 v -1.734 q 1.088,0 1.938,-0.408002 0.884,-0.442 1.394,-1.02 1.054,-1.122 1.564,-3.366 h 2.822 v 4.216 h 4.352 v 2.312002 h -4.352 v 10.54 q 0,1.53 0.51,2.244 0.544,0.714 1.734,0.714 0.68,0 1.292,-0.068 0.612,-0.102 1.122,-0.238 v 2.21 q -0.544,0.238 -1.734,0.544 -1.156,0.306 -2.72,0.306 z'/%3E%3Cpath class='letter letter-i' d='m 230.42495,117.88724 v -1.802 h 0.408 q 1.02,0 1.7,-0.476 0.714,-0.476 0.714,-1.938 v -9.928 q 0,-1.36 -0.714,-1.802 -0.68,-0.476 -1.7,-0.476 h -0.408 v -1.802002 h 7.99 v 14.008002 q 0,1.462 0.68,1.938 0.714,0.476 1.734,0.476 h 0.408 v 1.802 z'/%3E%3Cpath class='letter letter-i-dot' d='m 235.66095,96.603238 q -1.224,0 -2.074,-0.578 -0.816,-0.612 -0.816,-1.87 0,-1.292 0.816,-1.87 0.85,-0.578 2.074,-0.578 1.19,0 2.04,0.578 0.884,0.578 0.884,1.87 0,1.258 -0.884,1.87 -0.85,0.578 -2.04,0.578 z'/%3E%3Cpath class='letter letter-c' d='m 251.84492,118.22724 q -2.516,0 -4.42,-0.884 -1.87,-0.918 -2.958,-2.958 -1.054,-2.074 -1.054,-5.542 0,-3.672 1.088,-5.746 1.122,-2.108 2.992,-2.992 1.904,-0.884002 4.25,-0.884002 3.298,0 4.998,1.054002 1.734,1.02 1.734,2.516 0,0.748 -0.374,1.394 -0.34,0.646 -1.292,1.088 -0.952,0.408 -2.72,0.408 0,-1.156 -0.204,-2.142 -0.204,-1.02 -0.68,-1.632 -0.476,-0.612 -1.326,-0.612 -0.986,0 -1.7,0.68 -0.714,0.646 -1.122,2.278 -0.408,1.632 -0.408,4.556 0,3.434 0.952,5.168 0.952,1.7 3.094,1.7 1.768,0 3.06,-0.782 1.292,-0.816 1.87,-1.972 0.408,0.238 0.612,0.68 0.204,0.442 0.204,0.884 0,0.85 -0.714,1.734 -0.68,0.85 -2.142,1.428 -1.428,0.578 -3.74,0.578 z'/%3E%3Cpath class='letter letter-a2' d='m 269.69517,99.221334 c -1.292,0 -2.47089,0.124804 -3.53622,0.374137 -1.04267,0.226667 -1.88146,0.589119 -2.51613,1.087789 -0.63466,0.49867 -0.95188,1.16741 -0.95188,2.00608 0,0.83867 0.35153,1.42785 1.0542,1.76785 0.70267,0.34 1.77911,0.51005 3.22978,0.51005 0,-1.156 0.17005,-2.05148 0.51005,-2.68614 0.34,-0.65734 0.94062,-0.98599 1.80195,-0.98599 0.92934,0 1.55284,0.34009 1.87017,1.02009 0.34,0.65734 0.51005,1.60949 0.51005,2.85616 v 1.86965 l -2.78846,0.10232 c -2.56133,0.0907 -4.47657,0.57793 -5.7459,1.46193 -1.24667,0.884 -1.86966,2.24385 -1.86966,4.07985 0,1.88133 0.50962,3.27551 1.52962,4.18218 1.04267,0.90666 2.31204,1.36012 3.80804,1.36012 0.86133,0 1.5644,-0.10193 2.1084,-0.30593 0.56667,-0.18133 1.07629,-0.46474 1.52962,-0.85007 0.45334,-0.408 0.92967,-0.91814 1.42834,-1.53014 h 0.30592 l 0.71365,2.34611 h 6.32417 v -1.80196 h -0.13591 c -0.748,0 -1.2805,-0.17005 -1.59784,-0.51005 -0.29466,-0.34 -0.44235,-0.97494 -0.44235,-1.90427 v -8.66976 c 0,-2.13066 -0.60062,-3.62676 -1.80196,-4.4881 -1.17866,-0.86133 -2.95765,-1.291906 -5.33765,-1.291906 z m 1.97197,9.622156 v 2.54971 c 0,1.33733 -0.29485,2.40285 -0.88419,3.19619 -0.56666,0.77066 -1.33733,1.156 -2.312,1.156 -1.292,0 -1.93786,-0.97504 -1.93786,-2.92437 0,-1.224 0.26053,-2.15328 0.78186,-2.78794 0.52133,-0.65734 1.46205,-1.01979 2.82205,-1.08779 z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Iconos en modo oscuro */
html.dark #starter-consultar-expediente img,
html.dark #starter-ver-mis-casos img,
html.dark #starter-actualizar-procesos img {
  filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(0%) hue-rotate(222deg) brightness(87%) contrast(101%) !important;
  transition: filter 0.3s ease-out !important;
}

html.dark #starter-consultar-expediente:hover img,
html.dark #starter-ver-mis-casos:hover img,
html.dark #starter-actualizar-procesos:hover img {
  filter: brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(605%) hue-rotate(11deg) brightness(116%) contrast(96%) !important;
}

/* === ESTILOS DINÁMICOS PARA TÍTULO DE BIENVENIDA === */
#dynamic-welcome-title {
  font-family: var(--font-family-ui) !important;
  font-size: var(--welcome-title-font-size) !important;
  font-weight: var(--welcome-title-font-weight) !important;
  line-height: var(--welcome-title-line-height) !important;
  color: var(--text-100) !important;
  text-align: center !important;
  margin-top: var(--welcome-title-margin-top) !important;
  margin-bottom: var(--welcome-title-margin-bottom) !important;
  margin-left: var(--welcome-title-margin-sides) !important;
  margin-right: var(--welcome-title-margin-sides) !important;
  padding: 0 !important;
  transition: color 0.2s ease !important;
}

/* Modo oscuro */
html.dark #dynamic-welcome-title {
  color: var(--dark-text-100) !important;
}

/* Responsive design */
@media (max-width: 768px) {
  #dynamic-welcome-title {
    font-size: var(--welcome-title-font-size-md) !important;
  }
}

@media (max-width: 480px) {
  #dynamic-welcome-title {
    font-size: var(--welcome-title-font-size-sm) !important;
  }
}

/* Ocultar el logotipo en la pantalla de bienvenida */
.welcome-screen .logo {
  display: none !important;
}

/* Placeholder específico para la pantalla de bienvenida */
.welcome-screen #chat-input[data-placeholder]:empty::before {
  color: var(--dark-text-300) !important;
}