/* styles.css - Site-wide Shared Styles for Consultorio Médico del Deportista */

/* Prevent horizontal overflow globally without breaking position: sticky */
html, body {
    overflow-x: clip;
}

[x-cloak] {
    display: none !important;
}

.text-gradient {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit', sans-serif !important;
}

/* Professional Navigation System Styles */
nav.nav-scrolled {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.04), 0 1px 1px 0 rgba(0, 0, 0, 0.01) !important;
}

.nav-link, .nav-logo, .nav-mobile-btn, .nav-agenda-btn {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.nav-dropdown-btn {
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.nav-light-hero .nav-link,
.nav-scrolled .nav-link {
    color: #475569 !important;
}
.nav-light-hero .nav-link:hover,
.nav-scrolled .nav-link:hover {
    color: #547bbe !important;
}
.nav-light-hero .nav-link-active,
.nav-scrolled .nav-link-active {
    color: #547bbe !important;
}
.nav-light-hero .nav-dropdown-btn,
.nav-scrolled .nav-dropdown-btn {
    color: #475569 !important;
}
.nav-light-hero .nav-dropdown-btn:hover,
.nav-scrolled .nav-dropdown-btn:hover,
.nav-light-hero .nav-dropdown-btn.active-dropdown,
.nav-scrolled .nav-dropdown-btn.active-dropdown {
    color: #547bbe !important;
}

.nav-dark-hero.nav-transparent .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
}
.nav-dark-hero.nav-transparent .nav-link:hover {
    color: #ffffff !important;
}
.nav-dark-hero.nav-transparent .nav-link::after {
    background-color: #ffffff !important;
}
.nav-dark-hero.nav-transparent .nav-link-active {
    color: #ffffff !important;
}
.nav-dark-hero.nav-transparent .nav-link-active::after {
    background-color: #ffffff !important;
    width: 100% !important;
}
.nav-dark-hero.nav-transparent .nav-dropdown-btn {
    color: rgba(255, 255, 255, 0.75) !important;
}
.nav-dark-hero.nav-transparent .nav-dropdown-btn:hover,
.nav-dark-hero.nav-transparent .nav-dropdown-btn.active-dropdown {
    color: #ffffff !important;
}
.nav-dark-hero.nav-transparent .nav-logo {
    filter: brightness(0) invert(1) !important;
    opacity: 0.95 !important;
}
.nav-dark-hero.nav-transparent .nav-logo:hover {
    opacity: 1 !important;
}
.nav-dark-hero.nav-transparent .nav-mobile-btn {
    color: rgba(255, 255, 255, 0.85) !important;
}
.nav-dark-hero.nav-transparent .nav-mobile-btn:hover {
    color: #ffffff !important;
}

.nav-dark-hero.nav-transparent .nav-agenda-btn {
    background-color: #ffffff !important;
    color: #0f172a !important;
}
.nav-dark-hero.nav-transparent .nav-agenda-btn:hover {
    background-color: #547bbe !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(84, 123, 190, 0.35) !important;
}