/*!
 * Neosis Soluciones Informáticas - Custom Theme
 * Paleta de colores: Verde claro (#10B981) + Gris (#6B7280)
 */

:root {
  /* Colores principales de Neosis */
  --neosis-green: #10B981;
  --neosis-green-dark: #059669;
  --neosis-green-light: #D1FAE5;
  --neosis-gray: #6B7280;
  --neosis-gray-dark: #374151;
  --neosis-gray-light: #E5E7EB;
  
  /* Sobrescribir colores primarios de Bootstrap */
  --bs-primary: #10B981;
  --bs-primary-rgb: 16, 185, 129;
  --bs-secondary: #6B7280;
  --bs-secondary-rgb: 107, 114, 128;
  
  /* Links */
  --bs-link-color: #10B981;
  --bs-link-hover-color: #059669;
  
  /* Degradados y sombras */
  --bs-primary-dark: #059669;
  --bs-primary-light: #D1FAE5;
}

/* Botones primarios */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #10B981;
  --bs-btn-border-color: #10B981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #059669;
  --bs-btn-hover-border-color: #059669;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #059669;
  --bs-btn-active-border-color: #059669;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #10B981;
  --bs-btn-disabled-border-color: #10B981;
}

/* Navbar y navegación */
#mainNav {
  background-color: #ffffff;
}

#mainNav .navbar-brand {
  color: #374151;
}

#mainNav .navbar-brand:hover,
#mainNav .navbar-brand:active {
  color: #10B981;
}

#mainNav .navbar-nav .nav-item .nav-link {
  color: #6B7280;
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #10B981;
}

#mainNav .navbar-nav .nav-item .nav-link:active,
#mainNav .navbar-nav .nav-item .nav-link.active {
  color: #10B981;
}

#mainNav.navbar-shrink {
  background-color: #ffffff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Encabezados */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #374151;
}

/* Sección Hero/Masthead */
header.masthead {
  background-color: #F9FAFB;
  background-image: linear-gradient(135deg, #D1FAE5 0%, #F9FAFB 100%);
}

header.masthead .masthead-heading {
  color: #374151;
}

header.masthead .masthead-subheading {
  color: #6B7280;
}

/* Títulos de sección */
.page-section h2.section-heading {
  color: #374151;
}

.page-section h3.section-subheading {
  color: #6B7280;
}

/* Iconos de servicios */
.services-icon {
  color: #10B981;
}

/* Timeline */
.timeline > li .timeline-image {
  background-color: #10B981;
}

.timeline > li.timeline-inverted > .timeline-panel {
  background-color: #F9FAFB;
}

/* Footer */
footer.footer {
  background-color: #374151;
  color: #E5E7EB;
}

footer.footer a {
  color: #10B981;
}

footer.footer a:hover {
  color: #D1FAE5;
}

/* Portfolio items hover */
.portfolio-item .portfolio-hover {
  background: rgba(16, 185, 129, 0.9);
}

/* Formulario */
.form-control:focus {
  border-color: #10B981;
  box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25);
}

/* Enlaces */
a {
  color: #10B981;
  text-decoration: none;
}

a:hover {
  color: #059669;
}

/* Botones outline */
.btn-outline-primary {
  --bs-btn-color: #10B981;
  --bs-btn-border-color: #10B981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #10B981;
  --bs-btn-hover-border-color: #10B981;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #10B981;
  --bs-btn-active-border-color: #10B981;
}

/* Social buttons */
.btn-social {
  border-color: #10B981;
}

.btn-social:hover {
  background-color: #10B981;
  border-color: #10B981;
  color: #fff;
}

/* Ajustes de texto */
.text-primary {
  color: #10B981 !important;
}

.bg-primary {
  background-color: #10B981 !important;
}

.border-primary {
  border-color: #10B981 !important;
}

/* Badges */
.badge.bg-primary {
  background-color: #10B981 !important;
}

/* Alertas y notificaciones */
.alert-primary {
  background-color: #D1FAE5;
  border-color: #10B981;
  color: #059669;
}