@charset "UTF-8";
/* Moved verbatim from src/MenteArgentina/FrontEndBundle/Resources/views/Programa/programasMenu2.html.twig (SEO on-site 29/10): cached between pages, same cascade position. */
        /* Premium mobile nav (<= 1024px) - scoped */
        @media (max-width: 1024px) {
            #mobileNav .ma-mobile-menu-v2 {
                background: #fafbfc;
                border-radius: 16px 16px 0 0;
                padding: 0 0 8px;
                color: #0f172a;
            }

            /* Sections: breathing room, soft grouping — no heavy lines between rows */
            #mobileNav .ma-mobile-section {
                padding-top: 8px;
            }

            #mobileNav .ma-mobile-section:first-child {
                padding-top: 4px;
            }

            #mobileNav .ma-mobile-section + .ma-mobile-section {
                margin-top: 26px;
                padding-top: 26px;
                border-top: 1px solid rgba(15, 23, 42, 0.045);
            }

            #mobileNav .ma-mobile-section-title {
                font-size: 15px;
                margin: 0 18px 16px;
                line-height: 1.35;
                font-weight: 600;
                letter-spacing: 0.04em;
                opacity: 0.65;
            }

            /* Accordion — Programs: flat list, same surface as menu (no card box) */
            #mobileNav .ma-mobile-accordion {
                margin: 0 12px;
                display: flex;
                flex-direction: column;
                gap: 6px;
                background: transparent;
                box-shadow: none;
                border-radius: 0;
                overflow: visible;
            }

            #mobileNav .ma-mobile-acc-item {
                border-radius: 12px;
                overflow: hidden;
                transition: background-color .22s ease;
            }

            /* Open category: one soft tint for header + nested list */
            #mobileNav .ma-mobile-acc-item:has(.ma-mobile-acc-btn[aria-expanded="true"]) {
                background: rgba(15, 23, 42, 0.038);
            }

            #mobileNav .ma-mobile-acc-btn {
                width: 100%;
                min-height: 48px;
                padding: 14px 16px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                background: transparent;
                border: 0;
                text-align: left;
                cursor: pointer;
                border-radius: 12px;
                transition: background-color .2s ease, color .2s ease;
                -webkit-tap-highlight-color: transparent;
            }

            @media (hover: hover) {
                #mobileNav .ma-mobile-acc-btn:hover {
                    background: rgba(15, 23, 42, 0.04);
                }

                #mobileNav .ma-mobile-acc-item:has(.ma-mobile-acc-btn[aria-expanded="true"]) .ma-mobile-acc-btn:hover {
                    background: rgba(15, 23, 42, 0.02);
                }
            }

            #mobileNav .ma-mobile-acc-btn:active {
                background: rgba(15, 23, 42, 0.065);
            }

            #mobileNav .ma-mobile-acc-item:has(.ma-mobile-acc-btn[aria-expanded="true"]) .ma-mobile-acc-btn:active {
                background: rgba(15, 23, 42, 0.04);
            }

            #mobileNav .ma-mobile-acc-btn[aria-expanded="true"] {
                background: transparent;
            }

            #mobileNav .ma-mobile-acc-label {
                font-size: 16px;
                font-weight: 600;
                color: #0f172a;
                letter-spacing: -0.01em;
            }

            #mobileNav .ma-mobile-acc-chevron {
                width: 17px;
                height: 17px;
                flex-shrink: 0;
                color: #94a3b8;
                pointer-events: none;
                transition: transform .32s cubic-bezier(0.4, 0, 0.2, 1), color .22s ease, opacity .2s ease;
                opacity: 0.92;
            }

            #mobileNav .ma-mobile-acc-btn[aria-expanded="true"] .ma-mobile-acc-chevron {
                transform: rotate(180deg);
                color: #64748b;
                opacity: 1;
            }

            #mobileNav .ma-mobile-acc-panel {
                height: 0;
                opacity: 0;
                overflow: hidden;
                transition: height .34s cubic-bezier(0.4, 0, 0.2, 1), opacity .22s ease;
                will-change: height;
            }

            #mobileNav .ma-mobile-acc-panel.is-open {
                opacity: 1;
            }

            #mobileNav .ma-mobile-acc-panel-inner {
                padding: 2px 10px 12px 16px;
            }

            #mobileNav .ma-mobile-program-link {
                display: block;
                padding: 9px 10px 9px 10px;
                margin-left: 2px;
                font-size: 14px;
                line-height: 1.4;
                font-weight: 500;
                color: #64748b;
                text-decoration: none;
                border-radius: 10px;
                border: 0;
                transition: background-color .2s ease, color .2s ease;
            }

            @media (hover: hover) {
                #mobileNav .ma-mobile-program-link:hover {
                    color: #0f172a;
                    background: rgba(15, 23, 42, 0.055);
                }
            }

            #mobileNav .ma-mobile-program-link:active {
                background: rgba(15, 23, 42, 0.08);
            }

            /* Program list: slight indent under category row */
            #mobileNav .ma-mobile-program-list {
                padding-left: 4px;
            }

            /* Category landing — secondary to program links, program-first UX */
            #mobileNav .ma-mobile-view-all {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                margin-top: 12px;
                padding: 12px 10px 10px 12px;
                margin-left: 2px;
                font-size: 13px;
                font-weight: 600;
                letter-spacing: -0.01em;
                color: var(--ma-primary, #2563eb);
                text-decoration: none;
                border-radius: 10px;
                border: 0;
                border-top: 1px solid rgba(15, 23, 42, 0.07);
                transition: color .2s ease, background-color .2s ease;
                -webkit-tap-highlight-color: transparent;
            }

            #mobileNav .ma-mobile-view-all-text {
                flex: 1;
                min-width: 0;
            }

            #mobileNav .ma-mobile-view-all-arrow {
                flex-shrink: 0;
                font-size: 13px;
                line-height: 1;
                opacity: 0.88;
                transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1), opacity .2s ease;
            }

            @media (hover: hover) {
                #mobileNav .ma-mobile-view-all:hover {
                    color: #1d4ed8;
                    background: rgba(37, 99, 235, 0.06);
                }

                #mobileNav .ma-mobile-view-all:hover .ma-mobile-view-all-arrow {
                    transform: translateX(4px);
                    opacity: 1;
                }
            }

            #mobileNav .ma-mobile-view-all:active {
                background: rgba(37, 99, 235, 0.1);
            }

            /* No programs yet: keep “View all” premium without a floating divider */
            #mobileNav .ma-mobile-view-all--solo {
                border-top: 0;
                margin-top: 2px;
                padding-top: 8px;
            }

            /* Plan / Discover: list with icons — no per-row borders */
            #mobileNav .ma-mobile-static-links {
                margin: 0 12px;
                display: flex;
                flex-direction: column;
                gap: 4px;
            }

            #mobileNav .ma-mobile-static-links a {
                display: flex;
                align-items: center;
                gap: 12px;
                min-height: 44px;
                padding: 10px 14px;
                text-decoration: none;
                color: #0f172a;
                font-size: 15px;
                font-weight: 500;
                border-radius: 12px;
                border: 0;
                transition: background-color .2s ease, color .2s ease;
            }

            #mobileNav .ma-mobile-nav-icon {
                flex-shrink: 0;
                width: 1.125rem;
                height: 1.125rem;
                font-size: 1.125rem;
                color: #94a3b8;
                line-height: 1;
            }

            #mobileNav .ma-mobile-static-links a .ma-mobile-nav-icon {
                margin-top: 1px;
            }

            @media (hover: hover) {
                #mobileNav .ma-mobile-static-links a:hover {
                    background: rgba(15, 23, 42, 0.045);
                }
                #mobileNav .ma-mobile-static-links a:hover .ma-mobile-nav-icon {
                    color: #64748b;
                }
            }

            #mobileNav .ma-mobile-static-links a:active {
                background: rgba(15, 23, 42, 0.07);
            }

            /* CTA — natural conclusion, light separation */
            #mobileNav .ma-mobile-section + .ma-mobile-section--cta {
                margin-top: 32px;
                padding-top: 26px;
                border-top: 1px solid rgba(15, 23, 42, 0.06);
            }

            #mobileNav .ma-mobile-cta {
                padding: 16px 16px 0;
                margin: 0;
                background: transparent;
            }

            #mobileNav .ma-mobile-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-height: 48px;
                padding: 14px 16px;
                border-radius: 12px;
                font-weight: 600;
                text-decoration: none;
                font-size: 15px;
                transition: background-color .2s ease, box-shadow .2s ease, transform .15s ease;
            }

            #mobileNav .ma-mobile-btn + .ma-mobile-btn {
                margin-top: 10px;
            }

            #mobileNav .ma-mobile-btn-primary {
                background: var(--ma-primary, #2563eb);
                color: #ffffff;
                border: 1px solid var(--ma-primary, #2563eb);
                box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);
            }

            @media (hover: hover) {
                #mobileNav .ma-mobile-btn-primary:hover {
                    filter: brightness(1.03);
                    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.26);
                }
            }

            #mobileNav .ma-mobile-btn-primary:active {
                transform: scale(0.99);
            }

            #mobileNav .ma-mobile-btn-secondary {
                background: transparent;
                color: var(--ma-primary, #2563eb);
                border: 1px solid rgba(37, 99, 235, 0.28);
                font-weight: 600;
            }

            @media (hover: hover) {
                #mobileNav .ma-mobile-btn-secondary:hover {
                    background: rgba(37, 99, 235, 0.06);
                    border-color: rgba(37, 99, 235, 0.38);
                }
            }
        }