/**
 * NegocioGo — renderizado seguro en móvil (Chrome Android, PWA).
 * Desactiva efectos que causan glitches y ajusta espaciado tipo app.
 */

@media (max-width: 768px) {
    /* —— Bottom nav: clearance en main, no en body —— */
    body.ng-has-bottom-nav.has-mobile-bottom-nav {
        padding-bottom: 0;
    }

    body.is-map-app-shell.ng-has-bottom-nav .map-app-shell,
    body.is-map-app-shell.ng-has-bottom-nav > main {
        padding-bottom: 0;
    }

    /* Páginas full-bleed: sin padding lateral/top del shell */
    body.categories-page.ng-has-bottom-nav > main.flex-1,
    body.landing-page.ng-has-bottom-nav > main.flex-1,
    body.is-map-app-shell > main,
    body.is-map-app-shell .map-app-shell {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    /* —— Navbar: respeta notch/status bar; sin max-height que aplasta el menú —— */
    .public-nav {
        padding-top: env(safe-area-inset-top, 0px);
    }

    html.ng-pwa-standalone body:not(.is-map-app-shell) .public-nav {
        /* En PWA el body ya aporta safe-area-top; mapa lo lleva en el navbar */
        padding-top: 0;
    }

    .public-nav-bar,
    .seller-private-nav__inner {
        min-height: 3.5rem;
        max-height: none;
    }

    .public-nav-inner {
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
    }

    .public-nav-logo .brand-logo__text {
        font-size: 1rem;
    }

    /* —— Home / landing compacta —— */
    .landing-home-client .landing-hero {
        padding: 2.25rem 0 2.5rem;
    }

    .landing-home-client .landing-saas-section,
    .landing-home-client .landing-section {
        padding: 2rem 0;
    }

    .landing-home-client .landing-saas-title,
    .landing-home-client .landing-title {
        font-size: clamp(1.75rem, 8vw, 2.25rem);
        line-height: 1.08;
        max-width: none;
    }

    .landing-home-client .landing-hero-media {
        max-height: 220px;
        overflow: hidden;
    }

    .landing-home-client .landing-hero-visual {
        max-height: none;
        overflow: visible;
    }

    .landing-home-client .landing-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .landing-home-client .landing-saas-lead,
    .landing-home-client .landing-lead {
        font-size: 1rem;
        line-height: 1.45;
    }

    .landing-home-client .landing-saas-inner,
    .landing-home-client .landing-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    @media (min-width: 390px) {
        .landing-home-client .landing-saas-inner,
        .landing-home-client .landing-container {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    /* —— Categorías: evitar glitch TV (compositing) —— */
    .categories-page .cat-card,
    .categories-page .cat-card-link,
    .category-page .cat-card,
    .category-page .cat-card-link {
        isolation: auto;
        backface-visibility: hidden;
        transform: none !important;
    }

    .categories-page .cat-toolbar-wrap {
        position: relative;
        top: auto;
        z-index: 10;
    }

    .categories-page .category-chip-scroll-wrap::before,
    .categories-page .category-chip-scroll-wrap::after {
        display: none !important;
    }

    .categories-page .cat-hero h1 {
        font-size: clamp(1.5rem, 7vw, 2rem);
        line-height: 1.1;
    }

    .categories-page .cat-lead {
        font-size: 1rem;
        line-height: 1.45;
    }

    .categories-page .cat-results-wrap {
        padding-bottom: calc(1.25rem + var(--ng-bottom-nav-clearance, 4.5rem));
    }

    body.categories-page.ng-has-bottom-nav .cat-results-wrap {
        padding-bottom: calc(1rem + var(--ng-bottom-nav-clearance, 4.5rem));
    }

    /* —— Efectos pesados off en móvil —— */
    .ng-bottom-nav {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: #fff;
    }

    .glass-card,
    .glass-effect,
    .heavy-blur,
    .animated-gradient,
    .blend-effect {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }

    .glass-card {
        background: rgba(255, 255, 255, 0.92);
    }

    /* —— Footer: espacio para bottom nav sin tapar enlaces —— */
    body.ng-has-bottom-nav .site-footer {
        font-size: 0.8125rem;
    }

    body.ng-has-bottom-nav .site-footer-inner {
        padding-bottom: calc(1.5rem + var(--ng-bottom-nav-clearance, 68px));
    }

    body.is-map-app-shell .site-footer {
        display: none;
    }

    /* —— Formularios táctiles —— */
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea,
    .cat-search input {
        font-size: 16px;
        min-height: 48px;
    }

    /* —— Overflow horizontal: clip + contención —— */
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    img,
    video,
    svg {
        max-width: 100%;
        height: auto;
    }

    .cat-page,
    .landing-home-client,
    .map-page {
        overflow-x: clip;
        max-width: 100%;
    }
}