/* Custom Colors for diseñopaginas.cl */

/* Primary Color: #2F56DC */
.btn-primary {
  background-color: #2F56DC !important;
  border-color: #2F56DC !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #1e3a9e !important;
  border-color: #1e3a9e !important;
}

.text-primary {
  color: #2F56DC !important;
}

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

/* Secondary Color: #767586 */
.text-secondary {
  color: #767586 !important;
}

.bg-secondary {
  background-color: #e8e8e8 !important;
}
/* Tertiary Color: #004597 */
.text-tertiary {
  color: #004597 !important;
}

.bg-tertiary {
  background-color: #004597 !important;
}

/* Header specific colors */
.header-area .navbar-nav li > a:hover,
.header-area .navbar-nav li > a:focus {
  color: #42F2C6 !important;
}

.header-area .navbar-nav li .softora-dd-menu li > a:hover,
.header-area .navbar-nav li .softora-dd-menu li > a:focus {
  color: #42F2C6 !important;
}

/* Ensure override for style-two variant as well */
.header-area.style-two .navbar-nav li > a:hover,
.header-area.style-two .navbar-nav li > a:focus {
  color: #4877E9 !important;
}

.header-area.style-two .navbar-nav li .softora-dd-menu li > a:hover,
.header-area.style-two .navbar-nav li .softora-dd-menu li > a:focus {
  color: #42F2C6 !important;
}

/* Button hover effects */
.btn-outline-primary {
  border: 1px solid #2F56DC !important;
  color: #2F56DC !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #2F56DC !important;
  border-color: #2F56DC !important;
}

/* Links */
a:hover,
a:focus {
  color: #2F56DC !important;
}

/* Form elements */
.form-control:focus {
  border-color: #2F56DC !important;
  box-shadow: 0 0 0 0.2rem rgba(47, 86, 220, 0.25) !important;
}

/* Custom gradients */
.gradient-primary {
  background: linear-gradient(90deg, #2F56DC 0%, #767586 100%) !important;
}

.gradient-secondary {
  background: linear-gradient(90deg, #767586 0%, #004597 100%) !important;
}

/* Header Top Colors */
.header-area .header-top {
  background: #004597 !important;
}

.header-area .header-top .left-side .text-white {
  color: #ffffff !important;
}

.header-area .header-top .right-side .social-nav a {
  color: #ffffff !important;
  transition: all 0.3s ease;
}

.header-area .header-top .right-side .social-nav a:hover {
  color: #004597 !important;
  transform: translateY(-2px);
}