/* MOBILE OVERRIDES & MENU STYLES */

/* -----------------------------------------------------------
   GLOBAL DEFAULTS (Apply to ALL screens first)
----------------------------------------------------------- */
/* Hide mobile-specific elements by default to prevent them appeaing on Desktop */
#mobile-menu,
#mobile-menu-btn,
.mobile-hero-banner-v2 {
    display: none !important;
}

/* -----------------------------------------------------------
   MOBILE-FIRST OVERRIDES (<= 768px)
----------------------------------------------------------- */
@media (max-width: 768px) {

    /* HERO V2 BANNER & RIBBON */
    .mobile-banner-wrapper-v2 {
        position: relative !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        overflow: hidden !important;
        border-radius: 12px !important;
    }

    .mobile-hero-banner-v2 {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 12px !important;
    }

    .banner-ribbon {
        position: absolute !important;
        top: 44px !important;
        left: -50px !important;
        background: linear-gradient(135deg, #FF4B91 0%, #8B5CF6 100%) !important;
        color: white !important;
        padding: 8px 45px !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        transform: rotate(-45deg) !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
        z-index: 5 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

    .hero-v2-title,
    .hero-v2-subtitle {
        display: none !important;
    }

    .hero-v2-highlights {
        margin-bottom: 20px !important;
    }

    .hero-v2-benefits {
        margin-bottom: 25px !important;
    }

    /* -----------------------------------------------------------
       0) CORE LAYOUT & SPACING
    ----------------------------------------------------------- */
    html,
    body {
        overflow-x: hidden !important;
        background-color: #fff;
        width: 100% !important;
        position: relative !important;
        touch-action: pan-y;
    }

    .container__middile,
    .hero-v2-container,
    .footer-container,
    .plans-header,
    .section-header {
        padding-left: 16px !important;
        padding-right: 16px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .section-header.pc-mt-\[72px\],
    .container__middile>.section-header {
        margin-top: 24px !important;
        margin-bottom: 12px !important;
    }

    /* -----------------------------------------------------------
       1) HEADER & NAVIGATION
    ----------------------------------------------------------- */
    /* Show Mobile Header Container */
    .mobile-header-container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        height: 64px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        width: 100% !important;
    }

    /* Hide Desktop Nav */
    .desktop-nav {
        display: none !important;
    }

    .mobile-logo {
        height: 32px !important;
        width: auto !important;
        display: block !important;
    }

    /* Hamburger Button - Unhide and Style */
    #mobile-menu-btn {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
        width: 24px;
        height: 18px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 200;
    }

    #mobile-menu-btn span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #333;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    /* Mobile Menu Overlay - Unhide and Style */
    #mobile-menu {
        display: block !important;
        position: fixed;
        top: 0;
        right: 0;
        width: 85%;
        max-width: 300px;
        height: 100vh;
        background: white;
        z-index: 300;
        padding: 24px;
        transform: translateX(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
        box-sizing: border-box !important;
    }

    #mobile-menu.active {
        transform: translateX(0);
    }

    /* Ensure backdrop if useful, or managed via body overflow */

    .mobile-menu-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 32px !important;
        width: 100% !important;
    }

    .mobile-menu-title {
        font-size: 20px !important;
        font-weight: 800 !important;
        color: #111 !important;
    }

    .mobile-menu-close {
        font-size: 32px !important;
        background: none !important;
        border: none !important;
        color: #666 !important;
        padding: 0 !important;
        line-height: 1 !important;
        cursor: pointer !important;
    }

    .mobile-menu-links {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        /* Managed by padding */
        width: 100% !important;
    }

    /* Styled Links */
    .mobile-link {
        display: block !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #333 !important;
        text-decoration: none !important;
        padding: 16px 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    .mobile-link.highlight {
        color: #FF4B91 !important;
        font-weight: 700 !important;
    }

    .mobile-link.small {
        font-size: 14px !important;
        color: #999 !important;
        border-bottom: none !important;
        margin-top: 20px !important;
    }

    /* -----------------------------------------------------------
       2) HERO SECTION
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
       2) HERO SECTION (COMPACT REFERENCE)
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
       2) HERO SECTION FIX (PHONE MOCKUP)
    ----------------------------------------------------------- */
    .hero-v2-container {
        padding-top: 80px !important;
        padding-bottom: 20px !important;
        flex-direction: column !important;
        text-align: center !important;
    }

    /* Target the visual container's phone image specifically */
    .hero-v2-visual img,
    .mobile-hero-phone img {
        width: 100% !important;
        height: auto !important;
        /* Allow natural height */
        aspect-ratio: 9 / 19.5 !important;
        /* Correct Phone Ratio */
        object-fit: contain !important;
        /* No stretching */
        display: block !important;
        margin: 0 auto !important;
    }

    .hero-v2-visual,
    .mobile-hero-phone {
        width: 100% !important;
        max-width: 240px !important;
        /* User constrained width */
        margin: 0 auto !important;
        height: auto !important;
        /* Remove any fixed height */
    }

    .hero-v2-content {
        width: 100% !important;
        padding: 0 !important;
    }

    .hero-v2-title {
        font-size: 22px !important;
        line-height: 1.1 !important;
        margin-bottom: 8px !important;
        letter-spacing: -0.02em !important;
        padding: 0 10px !important;
    }

    .hero-v2-subtitle {
        font-size: 14px !important;
        line-height: 1.4 !important;
        margin-bottom: 16px !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Hide large decorative circles (pseudo-elements), but SHOW .halo */
    .hero-v2-visual::before,
    .hero-v2-visual::after {
        display: none !important;
    }

    /* Restore and Position Halo */
    .halo {
        display: none !important;
        /* User requested to hide on mobile (Desktop only) */
    }

    /* Ensure container allows halo to bleed out */
    .hero-v2-visual,
    .mobile-hero-phone,
    .hero-v2-visual .phone {
        overflow: visible !important;
    }

    /* Blue Pulse Border (User Request) */
    .hero-v2-visual .phone::after {
        content: "" !important;
        position: absolute !important;
        top: -4px !important;
        left: -4px !important;
        right: -4px !important;
        bottom: -4px !important;
        border: 3px solid #3498db !important;
        border-radius: 32px !important;
        /* Match image radius roughly */
        z-index: 20 !important;
        pointer-events: none !important;
        display: block !important;
        animation: mobile-border-pulse 2s infinite !important;
        box-shadow: 0 0 15px rgba(52, 152, 219, 0.4) !important;
    }

    .hero-v2-highlights {
        justify-content: center !important;
        gap: 6px !important;
        margin-top: 10px !important;
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        padding: 0 16px !important;
        flex-wrap: wrap !important;
    }

    /* -----------------------------------------------------------
       REMOVE DESKTOP DECORATIONS (AGGRESSIVE)
    ----------------------------------------------------------- */
    /* Remove vertical pink bar from titles */
    .section-title,
    .section-header {
        border-left: none !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: 0 !important;
    }

    /* Kill the pseudo-element completely */
    .section-title::before,
    .section-title::after,
    .section-header::before,
    .section-header::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
        background: none !important;
        border: none !important;
    }

    /* (Moving User Request Rules to End of File for Specificity) */

    .hero-v2-cta-block {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        /* Stack button and text */
        margin-top: 5px !important;
        width: 100% !important;
    }

    .btn-hero-v2 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 220px !important;
        max-width: 90% !important;
        margin: 0 auto !important;
        z-index: 10 !important;
        position: relative !important;
        overflow: hidden !important;
        height: 52px !important;
        font-size: 17px !important;
        padding: 0 32px !important;
    }

    /* Target the text below the button */
    .hero-v2-cta-block span,
    .hero-v2-cta-block p {
        color: #666 !important;
        /* Ensure visible on white bg */
        text-align: center !important;
        display: block !important;
        margin-top: 8px !important;
    }

    .cta-subtext {
        font-size: 11px !important;
        margin-top: 6px !important;
    }

    /* -----------------------------------------------------------
       3) CARDS: "DRAMAS ENVOLVENTES" (HIDDEN ON MOBILE)
    ----------------------------------------------------------- */
    .container__middile>.grid {
        display: none !important;
    }

    /* -----------------------------------------------------------
       4) CATALOG SECTIONS (STANDARDIZED MOBILE CAROUSELS)
    ----------------------------------------------------------- */
    /* Shared Carousel Logic - padding on container only */
    .mobile-scroll-wrapper,
    .mobile-section-trends,
    .mobile-section-popular,
    .mobile-section-releases {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 12px !important;

        /* PADDING ON CONTAINER, NEVER ON CARD */
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 16px !important;

        /* Reset margins used for full bleed previously */
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;

        overflow-y: hidden !important;
        overscroll-behavior-x: contain !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Hide Scrollbar */
    .mobile-scroll-wrapper::-webkit-scrollbar,
    .mobile-section-trends::-webkit-scrollbar,
    .mobile-section-popular::-webkit-scrollbar,
    .mobile-section-releases::-webkit-scrollbar {
        display: none !important;
    }

    /* Ensure items don't shrink and respect snap */
    .mobile-section-trends>*,
    .mobile-section-popular>*,
    .mobile-section-releases>* {
        flex: 0 0 auto !important;
    }

    /* Reset specific first/last child margins since container has padding now */
    .mobile-section-trends>div:first-child,
    .mobile-section-popular>div:first-child,
    .mobile-section-releases>div:first-child,
    .mobile-section-trends>div:last-child,
    .mobile-section-popular>div:last-child,
    .mobile-section-releases>div:last-child {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* -----------------------------------------------------------
       TRENDS: VERTICAL CINEMATIC (4:5.5)
    ----------------------------------------------------------- */
    .mobile-section-trends .trend__item {
        width: 85vw !important;
        /* Highlight Width */
        min-width: 85vw !important;
        max-width: 85vw !important;
        aspect-ratio: 4 / 5.5 !important;
        /* Cinematic Vertical Ratio */
        scroll-snap-align: start !important;
        /* Start align as requested */
        margin: 0 !important;
        border: none !important;
        /* Reset Height to be controlled by aspect ratio */
        height: auto !important;
    }

    .mobile-section-trends .trend__item .h-225\/350 {
        width: 100% !important;
        height: 100% !important;
        /* Fill the aspect ratio container */
        aspect-ratio: inherit !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }

    .mobile-section-trends .trend__item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    .trend__title {
        font-size: 18px !important;
        /* Larger Title */
        font-weight: 700 !important;
        margin-top: 10px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* Hide description button in trends for mobile cleaner look */
    .trend__btn,
    .trend__intro {
        display: none !important;
    }

    /* -----------------------------------------------------------
       POPULAR & RELEASES (Unified Portrait Styling)
    ----------------------------------------------------------- */
    .mobile-section-popular .popular__item,
    .mobile-section-releases .release__item {
        min-width: 140px !important;
        max-width: 140px !important;
        scroll-snap-align: start;
        flex-direction: column !important;
        /* Force column for layout */
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }

    /* Image Wrapper */
    .mobile-section-popular .popular__item .wrap__img,
    .mobile-section-releases .release__item>div:first-child {
        width: 100% !important;
        height: 200px !important;
        /* Portrait Height */
        border-radius: 8px !important;
        overflow: hidden !important;
        margin-bottom: 8px !important;
    }

    /* Text Wrapper */
    .mobile-section-releases .release__item>div:last-child {
        width: 100% !important;
        margin-top: 0 !important;
        padding-left: 0 !important;
    }

    .popular__title,
    .release__title {
        font-size: 13px !important;
        margin-top: 0 !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        /* Allow wrapping */
        max-height: 38px;
        overflow: hidden;
    }

    /* Keep other sliders safe */
    .mobile-section-popular .popular__item img,
    .mobile-section-releases .release__item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }

    .release__tag {
        font-size: 10px !important;
        padding: 2px 6px !important;
        margin-top: 2px !important;
    }

    .release__intro {
        display: none !important;
    }

    /* -----------------------------------------------------------
       5) WHY CHOOSE US
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
       5) WHY CHOOSE US (HORIZONTAL SCROLL + WHITE THEME)
    ----------------------------------------------------------- */
    .why-choose-section {
        padding-bottom: 20px !important;
        overflow: hidden !important;
    }

    .why-choose-grid {
        display: flex !important;
        flex-direction: row !important;
        /* Slider Mode */
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 12px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 20px !important;
        /* Space for shadow */
        margin-left: -16px !important;
        /* Full bleed container */
        margin-right: -16px !important;
        width: calc(100% + 32px) !important;
    }

    .why-choose-grid::-webkit-scrollbar {
        display: none !important;
    }

    .why-card {
        min-width: 80vw !important;
        /* Slider Item Width */
        max-width: 80vw !important;
        scroll-snap-align: center !important;

        padding: 20px !important;
        border-radius: 16px !important;
        background: #FFFFFF !important;
        /* White Theme */
        align-items: flex-start !important;
        border: 1px solid #f0f0f0 !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    }

    .why-icon-wrapper {
        width: 40px !important;
        height: 40px !important;
        margin-bottom: 12px !important;
        color: #FF4B91 !important;
        background: #FFF0F5 !important;
        /* Soft Pink Circle */
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .why-icon-wrapper svg {
        width: 20px !important;
        height: 20px !important;
    }

    .why-card-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        margin-bottom: 6px !important;
        color: #111111 !important;
        /* Dark Title */
    }

    .why-card-text {
        font-size: 14px !important;
        line-height: 1.5 !important;
        color: #666666 !important;
        /* Dark Text */
        -webkit-line-clamp: 4 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* PLANS - CARD STYLE */
    /* Magical Gradient Border Animation Mobile */
    @keyframes borderRotateMobile {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    /* Shimmer animation for mobile buttons */
    @keyframes shimmerPassMobile {
        0% {
            transform: translateX(-150%) skewX(-20deg);
        }

        100% {
            transform: translateX(150%) skewX(-20deg);
        }
    }

    .plan-card.highlight {
        position: relative !important;
        z-index: 1 !important;
        border: 3px solid transparent !important;
        border-radius: 27px !important;
        background: linear-gradient(#fff, #fff) padding-box,
            linear-gradient(45deg, #8B5CF6, #EC4899, #8B5CF6) border-box !important;
        background-size: 100% 100%, 200% 200% !important;
        animation: borderRotateMobile 4s linear infinite !important;
        box-shadow: 0 10px 40px -5px rgba(139, 92, 246, 0.5) !important;
    }

    /* Disable previous pseudo-element approach */
    .plan-card.highlight::before {
        display: none !important;
        content: none !important;
    }

    /* -----------------------------------------------------------
       6) PLANS (HORIZONTAL SLIDER - MOBILE)
    ----------------------------------------------------------- */
    /* PLANS - CARD STYLE (Defaulting to plans.css vertical stack) */
    /* -----------------------------------------------------------
       6) PLANS (VERTICAL STACK - RESTORED)
    ----------------------------------------------------------- */
    /* The rule was forcing horizontal slider which broke the requested CRO layout.
       Removing it to allow plans.css to handle the vertical stack. */

    .plans-container::-webkit-scrollbar {
        display: none !important;
    }

    .plan-card,
    .mobile-plan-card {
        min-width: 75vw !important;
        /* Narrower to show next card peek */
        max-width: 75vw !important;
        scroll-snap-align: start !important;
        /* Start align for clear first item */
        margin: 0 !important;
        margin-top: 32px !important;
        /* Force space for badge */
        position: relative !important;
        overflow: visible !important;

        /* ELEVATED CARD LOOK */
        padding: 24px 20px !important;
        border-radius: 24px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid #f0f0f0 !important;
        background: #fff !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        min-height: auto !important;
    }

    .plan-title {
        font-size: 18px !important;
        margin-bottom: 4px !important;
    }

    .plan-price {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    .plan-features {
        margin-bottom: 16px !important;
        gap: 8px !important;
    }

    .plan-feature-item {
        font-size: 13px !important;
    }

    /* Hide long description */
    .plan-description {
        display: none !important;
    }

    .plan-btn {
        width: 100% !important;
        min-height: 52px !important;
        /* Larger touch target */
        height: auto !important;
        padding: 12px 24px !important;
        border-radius: 999px !important;
        /* Pill shape */
        font-size: 16px !important;
        font-weight: 800 !important;
        margin-top: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        line-height: 1.1 !important;
    }

    .btn-vitalicio {
        flex-direction: column !important;
        gap: 2px !important;
        padding: 14px 24px !important;
        position: relative !important;
        overflow: hidden !important;
        background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%) !important;
        box-shadow: 0 10px 15px -3px rgba(139, 92, 246, 0.3) !important;
    }

    .btn-vitalicio::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(to right,
                transparent,
                rgba(255, 255, 255, 0.4),
                transparent) !important;
        animation: shimmerPassMobile 3s infinite ease-in-out !important;
        pointer-events: none !important;
        display: block !important;
    }

    .btn-text-small {
        font-size: 13px !important;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        opacity: 0.9;
    }

    .btn-text-large {
        font-size: 19px !important;
        font-weight: 800 !important;
        display: flex;
        align-items: center;
        gap: 6px;
        text-transform: uppercase;
    }

    .btn-monthly {
        background: #F8FAFC !important;
        color: #64748B !important;
        border: 1px solid #E2E8F0 !important;
        box-shadow: none !important;
    }

    .price-period {
        font-size: 14px !important;
        color: #94A3B8 !important;
        font-weight: 500 !important;
    }


    /* -----------------------------------------------------------
       7) CATEGORIES (GRID 2 COL - TOUCHABLE)
    ----------------------------------------------------------- */
    /* -----------------------------------------------------------
       CATEGORIES
    ----------------------------------------------------------- */
    .categories-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    .category-card {
        height: 56px !important;
        padding: 0 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border-radius: 12px !important;
        background-color: #f5f5f5 !important;
        border: 1px solid #eee !important;
    }

    .category-icon {
        margin-bottom: 0 !important;
        font-size: 22px !important;
        margin-right: 12px !important;
    }

    .category-label,
    .category-name {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #333 !important;
        display: block !important;
        position: static !important;
        transform: none !important;
        background: none !important;
        opacity: 1 !important;
    }

    /* -----------------------------------------------------------
    /* 8) TESTIMONIALS (SINGLE CARD SLIDER) */
    .reviews-carousel-mobile {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 16px !important;
        padding: 20px 20px !important;
        margin: 0 -20px !important;
        /* Negative margin for edge-to-edge feel */
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    .reviews-carousel-mobile::-webkit-scrollbar {
        display: none !important;
    }

    .reviews__item {
        min-width: 82vw !important;
        max-width: 82vw !important;
        background: #FFFFFF !important;
        border: 1px solid rgba(139, 92, 246, 0.1) !important;
        border-radius: 20px !important;
        padding: 24px !important;
        scroll-snap-align: center;
        box-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.08) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        margin-right: 0 !important;
    }

    .reviews__content {
        font-size: 15px !important;
        color: #4B5563 !important;
        line-height: 1.6 !important;
        font-style: italic !important;
        margin-bottom: 20px !important;
        display: block !important;
        overflow: visible !important;
        height: auto !important;
        min-height: 80px !important;
    }

    .reviews__footer {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-top: auto !important;
        padding-top: 16px !important;
        border-top: 1px solid #F3F4F6 !important;
    }

    .reviews__avatar {
        width: 44px !important;
        height: 44px !important;
        border-radius: 50% !important;
        border: 2px solid #F5F3FF !important;
    }

    .reviews__name {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #1F2937 !important;
        margin-left: 10px !important;
    }

    .reviews__stars-img {
        height: 14px !important;
        width: auto !important;
    }

    .meu-footer {
        padding: 40px 0 !important;
    }

    .footer-container {
        flex-direction: column !important;
        text-align: center !important;
        gap: 32px !important;
    }

    .footer-brand,
    .footer-legal,
    .footer-social {
        align-items: center !important;
        width: 100% !important;
    }

    .social-links {
        justify-content: center !important;
    }

    /* -----------------------------------------------------------
       FOOTER (COMPACT)
    ----------------------------------------------------------- */
    footer.meu-footer {
        padding: 24px 16px !important;
    }

    footer .footer-container,
    footer .footer-brand,
    footer .footer-legal,
    footer .footer-social {
        margin-bottom: 24px !important;
        text-align: center !important;
    }

    footer .footer-brand .brand-logo {
        justify-content: center !important;
    }

    footer .footer-brand .brand-logo::before {
        display: none !important;
    }

    footer .brand-desc {
        margin: 0 auto !important;
    }

    footer .footer-links {
        justify-content: center !important;
    }

    /* -----------------------------------------------------------
       STICKY CTA (MOBILE ONLY)
    ----------------------------------------------------------- */
    .mobile-sticky-cta {
        display: block !important;
        position: fixed !important;
        bottom: 12px !important;
        left: 12px !important;
        right: 12px !important;
        z-index: 50 !important;
        padding: 14px !important;
        border-radius: 999px !important;
        background: #F40A7A !important;
        /* Brand Color */
        color: #fff !important;
        text-align: center !important;
        font-weight: 700 !important;
        box-shadow: 0 8px 20px rgba(244, 10, 122, 0.3) !important;
        text-decoration: none !important;
    }

    @keyframes mobile-border-pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(52, 152, 219, 0.4);
            border-color: #3498db;
        }

        70% {
            box-shadow: 0 0 0 10px rgba(52, 152, 219, 0);
            border-color: #5dade2;
        }

        100% {
            box-shadow: 0 0 0 0 rgba(52, 152, 219, 0);
            border-color: #3498db;
        }
    }

    /* -----------------------------------------------------------
       USER REQUEST: HIDE SPECIFIC SECTIONS ON MOBILE
       (Placed at end to override defaults)
    ----------------------------------------------------------- */
    #tendencias,
    #tendencias+div,
    /* Hide the container immediately following */
    .mobile-section-trends,
    .slider__trend,
    .hero-v2-visual {
        display: none !important;
    }

}