/* Sub-service Navigation Styles */

.list-group.sticky-top {
    top: 10px; /* Adjust based on header height */
    z-index: 999; /* Ensure it stays above content but below main header */
}

.list-group-item {
    border-left: 5px solid transparent;
    transition: all 0.3s ease;
}

.list-group-item.active,
.list-group-item:hover {
    border-left-color: #f4a261; /* Yellow accent */
    background-color: #e9ecef; /* Light gray background */
    color: #004981; /* Dark blue text */
}

/* Mobile Sub-navigation Dropdown */
.d-lg-none .mb-4 {
    position: sticky;
    top: 70px; /* Adjust based on main header height */
    z-index: 1020; /* Ensure it's above main content but below main header */
    background-color: #004981; /* Or a color that fits your design */
    padding: 10px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.d-lg-none .btn-primary {
    background-color: #004981; /* Dark blue */
    border-color: #264653;
}

.d-lg-none .btn-primary:hover {
    background-color: #004981; /* Teal/Olive Green */
    border-color: #2a9d8f;
}

/* Asegura que los enlaces del footer siempre se muestren en blanco */
footer a.chatear,
footer a.chatear:link,
footer a.chatear:visited {
  color: #fff;
  text-decoration: none;
}
footer a.chatear:hover,
footer a.chatear:focus,
footer a.chatear:active {
  color: #fff;
  text-decoration: none;
}