.am-header-wrapper {

        --am-primary: #4e73df;
        --am-primary-dark: #2e59d9;
        --am-primary-light: #7a93e9;
        --am-secondary: #858796;
        --am-success: #1cc88a;
        --am-info: #36b9cc;
        --am-warning: #f6c23e;
        --am-danger: #e74a3b;
        --am-light: #f8f9fc;
        --am-dark: #5a5c69;
        --am-dark-blue: #2a3f5f;
        --am-white: #ffffff;
        --am-gray-100: #f8f9fa;
        --am-gray-200: #e9ecef;
        --am-gray-300: #dee2e6;
        --am-gray-400: #ced4da;
        --am-gray-500: #adb5bd;
        --am-gray-600: #6c757d;
        --am-gray-700: #495057;
        --am-gray-800: #343a40;
        --am-gray-900: #212529;

        --am-font-main: 'Open Sans', sans-serif;
        --am-font-heading: 'Montserrat', sans-serif;

        --am-border-radius: 12px;
        --am-border-radius-lg: 16px;
        --am-border-radius-sm: 8px;

        --am-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        --am-box-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
        --am-box-shadow-hover: 0 15px 40px rgba(0, 0, 0, 0.15);

        --am-transition: all 0.3s ease;
        --am-transition-fast: all 0.2s ease;
        --am-transition-slow: all 0.5s ease;



    }

    /* Reset específico para elementos dentro del wrapper */
    .am-header-wrapper * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: var(--am-font-main);
    }

    /* Header Styles - todo encapsulado dentro de .am-header-wrapper */
    .am-header-wrapper header {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
        position: sticky;
        top: 0;
        z-index: 1000;
        transition: var(--am-transition);
        width: 100%;
        left: 0;
        right: 0;
    }

    .am-header-wrapper .am-container {
        width: 95%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .am-header-wrapper .am-header-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 0;
    }

    .am-header-wrapper .am-logo {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .am-header-wrapper .am-logo img {
        height: 50px;
        width: auto;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        border-radius: 50%;
        border: 2px solid var(--am-primary);
        padding: 2px;
    }

    .am-header-wrapper .am-logo-text {
        font-family: var(--am-font-heading);
        font-weight: 700;
        font-size: 1.8rem;
        color: var(--am-dark-blue);
    }

    .am-header-wrapper .am-logo-text span {
        color: var(--am-primary);
    }

    .am-header-wrapper nav>ul {
        display: flex;
        list-style: none;
        gap: 30px;
    }

    .am-header-wrapper nav a {
        font-weight: 600;
        color: var(--am-gray-700);
        position: relative;
        padding: 5px 0;
        text-decoration: none;
        font-family: var(--am-font-main);
    }

    .am-header-wrapper nav a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: var(--am-primary);
        transition: var(--am-transition);
    }

    .am-header-wrapper nav a:hover {
        color: var(--am-primary);
    }

    .am-header-wrapper nav a:hover:after {
        width: 100%;
    }

    .am-header-wrapper .am-menu-toggle {
        display: none;
        flex-direction: column;
        cursor: pointer;
        background: none;
        border: none;
        padding: 5px;
    }

    .am-header-wrapper .am-menu-toggle span {
        width: 25px;
        height: 3px;
        background: var(--am-dark-blue);
        margin: 3px 0;
        transition: var(--am-transition);
        display: block;
    }

    /* Responsive Header Styles */
    @media (max-width: 768px) {
        .am-header-wrapper .am-menu-toggle {
            display: flex;
        }

        .am-header-wrapper nav>ul {
            position: fixed;
            top: 0;
            left: -100%;
            height: 100vh;
            width: 70%;
            max-width: 300px;
            background: var(--am-white);
            flex-direction: column;
            padding: 80px 30px 30px;
            transition: left 0.3s ease-in-out;
            box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
            z-index: 1001;
        }

        .am-header-wrapper nav ul.active {
            left: 0;
        }

        .am-header-wrapper .am-menu-toggle.active span:nth-child(1) {
            transform: translateY(9px) rotate(45deg);
        }

        .am-header-wrapper .am-menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .am-header-wrapper .am-menu-toggle.active span:nth-child(3) {
            transform: translateY(-9px) rotate(-45deg);
        }
    }

    @media (max-width: 480px) {
        .am-header-wrapper nav>ul {
            width: 85%;
        }

        .am-header-wrapper .am-logo-text {
            font-size: 1.5rem;
        }

        .am-header-wrapper .am-logo img {
            height: 40px;
        }
    }


    /* Versión Desktop - Dropdown */
    .language-desktop {}

    .language-dropdown {
        position: relative;
        display: inline-block;
    }

    .lang-btn {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: var(--am-gray-100, #f8f9fa);
        border: 1px solid var(--am-gray-300, #dee2e6);
        border-radius: 8px;
        cursor: pointer;
        font-family: inherit;
        font-size: 0.9rem;
        font-weight: 500;
        color: var(--am-gray-700, #495057);
        transition: all 0.3s ease;
    }

    .lang-btn:hover {
        background: var(--am-primary, #4e73df);
        border-color: var(--am-primary, #4e73df);
        color: white;
    }

    .lang-btn .flag {
        font-size: 1.2rem;
    }

    .lang-btn .arrow {
        font-size: 0.7rem;
        transition: transform 0.3s ease;
    }

    .language-dropdown.open .lang-btn .arrow {
        transform: rotate(180deg);
    }

    .lang-dropdown-menu {
        position: absolute;
        top: calc(100% + 5px);
        right: 0;
        min-width: 140px;
        background: white;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        list-style: none;
        padding: 8px 0;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        z-index: 1000;
    }

    .language-dropdown.open .lang-dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .lang-dropdown-menu li {
        margin: 0;
        padding: 0;
    }

    .lang-dropdown-menu li a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 16px;
        text-decoration: none;
        color: var(--am-gray-700, #495057);
        font-size: 0.9rem;
        transition: all 0.2s ease;
    }

    .lang-dropdown-menu li a:hover {
        background: var(--am-primary, #4e73df);
        color: white;
    }

    .lang-dropdown-menu li.active a {
        background: var(--am-primary-light, #7a93e9);
        color: white;
    }

    /* ==================== SELECTOR DE IDIOMA MÓVIL (dentro del menú) ==================== */
    .mobile-language-item {
        margin-top: 20px;
        list-style: none;
        padding: 0;
    }

    .lang-mobile-title {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 15px 0 10px 0;
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--am-gray-500, #adb5bd);
        text-transform: uppercase;
        letter-spacing: 1px;
        border-top: 1px solid var(--am-gray-200, #e9ecef);
    }

    .lang-mobile-title i {
        font-size: 0.9rem;
        color: var(--am-primary, #4e73df);
    }

    .lang-mobile-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .lang-mobile-list li {
        margin: 0;
        padding: 0;
    }

    .lang-mobile-list li a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px 0;
        text-decoration: none;
        color: var(--am-gray-700, #495057);
        font-size: 1rem;
        font-weight: 500;
        transition: all 0.2s ease;
    }

    .lang-mobile-list li a:hover {
        color: var(--am-primary, #4e73df);
    }

    .lang-mobile-list li.active a {
        color: var(--am-primary, #4e73df);
        font-weight: 600;
    }

    .lang-mobile-list li .flag {
        font-size: 1.3rem;
    }

    .lang-mobile-list li .check {
        margin-left: auto;
        font-size: 0.9rem;
        color: var(--am-success, #1cc88a);
    }

    /* Desktop: ocultar el selector móvil */
    @media (min-width: 769px) {
        .mobile-language-item {
            display: none !important;
        }
    }

    /* Mobile: ocultar el selector desktop */
    @media (max-width: 768px) {
        .language-desktop {
            display: none !important;
        }
    }

    /* Asegurar scroll en el menú móvil */
    .am-header-wrapper nav>ul {
        /*overflow-y: auto;*/
        max-height: 100vh;
    }