/* ===== CORRECCIONES PARA EL MENÚ DE CATEGORÍAS ===== */
/* Este archivo debe cargarse DESPUÉS de los estilos generales */

@media (max-width: 768px) {
    /* Contenedor del menú de categorías */
    .categories-dropdown {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        background: var(--bg-primary) !important;
        z-index: 2000 !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease-in-out !important;
        display: flex !important;
        flex-direction: column !important;
        overflow-y: auto !important;
    }

    .categories-dropdown.active {
        transform: translateX(0) !important;
    }

    /* Encabezado del menú */
    .categories-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 15px 20px !important;
        background: var(--primary-blue) !important;
        color: white !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
    }

    .categories-header h3 {
        margin: 0 !important;
        font-size: 1.2rem !important;
        font-weight: 600 !important;
    }

    .close-categories {
        background: none !important;
        border: none !important;
        color: white !important;
        font-size: 1.5rem !important;
        cursor: pointer !important;
        padding: 5px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Lista de categorías */
    .categories-list {
        flex: 1 !important;
        padding: 15px 0 !important;
        margin: 0 !important;
        list-style: none !important;
        overflow-y: auto !important;
    }

    .categories-list li {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid var(--border-color) !important;
    }

    .categories-list li:last-child {
        border-bottom: none !important;
    }

    .categories-list a {
        display: block !important;
        padding: 15px 20px !important;
        color: var(--text-primary) !important;
        text-decoration: none !important;
        font-weight: 500 !important;
        transition: background-color 0.2s ease !important;
    }

    .categories-list a:hover,
    .categories-list a:focus {
        background-color: var(--bg-secondary) !important;
    }

    .categories-list a.active {
        background-color: var(--primary-blue) !important;
        color: white !important;
    }

    /* Overlay para el menú */
    .categories-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 1999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
    }

    .categories-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Botón de categorías en el header */
    .category-toggle {
        position: relative !important;
        z-index: 1001 !important;
    }

    /* Asegurar que el body no haga scroll cuando el menú está abierto */
    body.menu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
    }
}

/* ===== ELIMINACIÓN DE ANUNCIOS ===== */
/* Ocultar todos los anuncios publicitarios */
.ad-space,
.ad-container,
.ad-banner,
.ad-wrapper,
.ad-slot,
.advert,
.publicidad,
[class*="ad-"],
[class*="ads-"],
[class*="publi"],
[class*="banner"],
.adsbygoogle,
.adsense,
#ad-container,
#ad-wrapper,
#ad-banner,
#ad-slot,
#ad-space,
#publicidad,
#publi,
#banner,
#ads,
#ad {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Ocultar iframes de publicidad */
iframe[src*="ads"],
iframe[src*="adserver"],
iframe[src*="doubleclick"],
iframe[src*="googleadservices"],
iframe[src*="googlesyndication"],
iframe[src*="adform"],
iframe[src*="advertising"],
iframe[src*="pubads"],
iframe[src*="adnxs"],
iframe[src*="amazon-adsystem"],
iframe[src*="criteo"],
iframe[src*="outbrain"],
iframe[src*="taboola"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Ocultar scripts de publicidad */
script[src*="ads"],
script[src*="adserver"],
script[src*="doubleclick"],
script[src*="googleadservices"],
script[src*="googlesyndication"],
script[src*="adform"],
script[src*="advertising"],
script[src*="pubads"],
script[src*="adnxs"],
script[src*="amazon-adsystem"],
script[src*="criteo"],
script[src*="outbrain"],
script[src*="taboola"] {
    display: none !important;
}

/* Ocultar elementos con ID que contengan 'ad' o 'publi' */
[id*="ad-"],
[id*="ads-"],
[id*="ad_"],
[id*="ads_"],
[id*="ad:"],
[id*="ads:"],
[id*="publicidad"],
[id*="publi"],
[id*="banner"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Ocultar elementos con clase que contengan 'ad' o 'publi' */
[class*="ad-"],
[class*="ads-"],
[class*="ad_"],
[class*="ads_"],
[class*="ad:"],
[class*="ads:"],
[class*="publicidad"],
[class*="publi"],
[class*="banner"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Ocultar elementos con atributos de datos de publicidad */
[data-ad-*],
[data-ad-slot],
[data-ad-client],
[data-ad-format],
[data-ad-layout],
[data-ad-region],
[data-ad-slot-id],
[data-ad-status],
[data-ad-unit-path],
[data-ad-break-type],
[data-ad-container],
[data-ad-format],
[data-ad-layout-key],
[data-ad-module],
[data-ad-name],
[data-ad-offset-top],
[data-ad-placement],
[data-ad-preview],
[data-ad-provider],
[data-ad-refresh],
[data-ad-slot],
[data-ad-slot-id],
[data-ad-status],
[data-ad-type],
[data-ad-unit],
[data-ad-vendor],
[data-ad-width],
[data-ad-zone],
[data-adgroup-id],
[data-adsbygoogle-status],
[data-adtest],
[data-advertiser],
[data-advertiser-id],
[data-advertiser-name],
[data-adword] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}