/* --- HOJA DE ESTILO PERSONALIZADA PARA VINDEX- --- */
/* Creado para la identidad del Comité de Ética del COBACH */

:root {
  /* Definición de Colores Institucionales */
  --vindex-teal: #008A7C;    /* Verde Turquesa principal */
  --vindex-purple: #6C3B9F;  /* Morado secundario */
  --vindex-white: #ffffff;
}

/* 1. Cabecera y Menú de Navegación */
.pkp_structure_head {
  background-color: var(--vindex-white);
  border-bottom: 3px solid var(--vindex-teal); /* Línea de acento verde */
}

/* Enlaces del menú principal */
.pkp_nav_menu a {
  color: #333 !important; /* Texto oscuro para lectura */
}

/* Enlaces del menú al pasar el mouse (hover) */
.pkp_nav_menu a:hover,
.pkp_nav_menu a:focus {
  color: var(--vindex-purple) !important; /* Cambio a morado */
  text-decoration: none;
}

/* Elemento activo del menú */
.pkp_nav_menu .active a {
  color: var(--vindex-teal) !important; /* Texto verde */
  font-weight: bold;
}

/* 2. Botones de Acción (Ej: Registrarse, Enviar artículo) */
.pkp_button, 
.pkp_button:link, 
.pkp_button:visited,
button.pkp_button {
  background-color: var(--vindex-teal) !important;
  border-color: var(--vindex-teal) !important;
  color: var(--vindex-white) !important;
  transition: background-color 0.3s ease;
}

/* Botones al pasar el mouse */
.pkp_button:hover, 
.pkp_button:focus {
  background-color: var(--vindex-purple) !important; /* Cambio a morado */
  border-color: var(--vindex-purple) !important;
}

/* 3. Bloques Laterales (Sidebar) y Títulos de Sección */
.pkp_block .title {
  color: var(--vindex-teal) !important;
  border-bottom: 2px solid var(--vindex-purple); /* Subrayado morado */
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* 4. Enlaces Generales en el Texto (Links) */
a {
  color: var(--vindex-teal);
  text-decoration: none;
}

a:hover, a:focus {
  color: var(--vindex-purple);
  text-decoration: underline;
}

/* 5. Pie de Página (Footer) */
.pkp_structure_footer {
  background-color: #f8f9fa; /* Gris muy claro */
  border-top: 1px solid #ddd;
  color: #555;
}