/* EMERGENCY FIX - Remove ALL blur on small screens SITE-WIDE */

@media (max-width: 980px) {

    /* Fix font rendering EVERYWHERE */
    body,
    body * {
        -webkit-font-smoothing: subpixel-antialiased !important;
        -moz-osx-font-smoothing: auto !important;
        text-rendering: auto !important;
    }

    /* Remove ALL blur/filter effects SITE-WIDE */
    *,
    *::before,
    *::after {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    /* Solid body background - no animations */
    body {
        background: #fbf7f0 !important;
        animation: none !important;
        background-attachment: scroll !important;
    }

    /* Remove grain filter */
    body::before {
        display: none !important;
    }

    /* Fix all cards/panels */
    .scroll2 {
        background: #fbf7f0 !important;
    }

    /* Scroll2 cards - NO SHADOW */
    .scroll2-card {
        background: #ffffff !important;
        box-shadow: none !important;
    }

    .local-card,
    .faq-item,
    .hero-content {
        background: #ffffff !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    /* Ensure dark readable text everywhere */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    span,
    li,
    a {
        color: #1a1a1a !important;
    }

    /* Better hover effect - subtle lift WITHOUT shadow */
    .scroll2-card {
        transition: all 0.3s ease !important;
    }

    .scroll2-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: none !important;
    }

    .scroll2-card:hover h3,
    .scroll2-card:hover p {
        color: #000000 !important;
    }

    /* Hide Google Maps error completely */
    .gm-err-container,
    .gm-err-message,
    .gm-err-content,
    .gm-err-title,
    .gm-err-icon {
        display: none !important;
        visibility: hidden !important;
    }

    /* Add subtle black shadow to "agenda tu cita" button */
    .cta-hero,
    .cta-landing,
    a[href="#reserva"] {
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.2),
            0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }
}

@media (max-width: 720px) {

    /* Fix font rendering EVERYWHERE */
    body,
    body * {
        -webkit-font-smoothing: subpixel-antialiased !important;
        -moz-osx-font-smoothing: auto !important;
        text-rendering: auto !important;
    }

    /* Remove ALL blur/filter effects SITE-WIDE */
    *,
    *::before,
    *::after {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
    }

    /* Solid body background - no animations */
    body {
        background: #fbf7f0 !important;
        animation: none !important;
        background-attachment: scroll !important;
    }

    /* Remove grain filter */
    body::before {
        display: none !important;
    }

    /* Fix all cards/panels */
    .scroll2 {
        background: #fbf7f0 !important;
    }

    /* Scroll2 cards - NO SHADOW */
    .scroll2-card {
        background: #ffffff !important;
        box-shadow: none !important;
    }

    .local-card,
    .faq-item,
    .hero-content {
        background: #ffffff !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }

    /* Ensure dark readable text everywhere */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    span,
    li,
    a {
        color: #1a1a1a !important;
    }

    /* Better hover effect - subtle lift WITHOUT shadow */
    .scroll2-card {
        transition: all 0.3s ease !important;
    }

    .scroll2-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: none !important;
    }

    .scroll2-card:hover h3,
    .scroll2-card:hover p {
        color: #000000 !important;
    }

    /* Hide Google Maps error completely */
    .gm-err-container,
    .gm-err-message,
    .gm-err-content,
    .gm-err-title,
    .gm-err-icon {
        display: none !important;
        visibility: hidden !important;
    }

    /* Add subtle black shadow to "agenda tu cita" button */
    .cta-hero,
    .cta-landing,
    a[href="#reserva"] {
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.2),
            0 2px 4px rgba(0, 0, 0, 0.1) !important;
    }
}