/* MOBILE FIX V2 - SIN CACHE */

/* FORZAR DESACTIVACIÓN FULLPAGE EN MÓVILES */
@media (max-width: 768px), (pointer: coarse) and (hover: none) {
    body, body.fullpage-scroll {
        height: auto !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scroll-snap-type: none !important;
    }
    
    section, .hero, footer,
    body.fullpage-scroll > section,
    body.fullpage-scroll .hero,
    body.fullpage-scroll > footer {
        min-height: auto !important;
        height: auto !important;
        scroll-snap-align: none !important;
        scroll-snap-stop: normal !important;
    }
    
    /* Desactivar completamente scroll snap */
    html, body {
        scroll-snap-type: none !important;
        scroll-behavior: auto !important;
    }
    
    .fp-nav {
        display: none !important;
    }
}
@media (max-width: 768px) {
    /* Compensar navbar fijo en móviles */
    .hero {
        padding-top: 80px !important; /* Altura del navbar + espacio */
    }
    
    .hero .hero-content {
        padding-top: 20px !important; /* Espacio adicional */
    }
    
    .hero-title,
    h1.hero-title,
    #inicio .hero-title,
    .hero .hero-content .hero-title {
        font-size: 1.2rem !important;
        padding: 0 20px !important;
        line-height: 1.3 !important;
        max-width: 100% !important;
    }
    
    /* Navbar fijo en móviles */
    #header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        background: rgba(7, 66, 87, 0.95) !important;
        backdrop-filter: blur(10px) !important;
    }
    
    /* Todas las secciones necesitan padding-top para navbar */
    section {
        padding-top: 80px !important;
    }
    
    /* Footer también */
    footer {
        padding-top: 60px !important;
    }
}

@media (max-width: 480px) {
    .hero-title,
    h1.hero-title,
    #inicio .hero-title,
    .hero .hero-content .hero-title {
        font-size: 1rem !important;
        padding: 0 15px !important;
    }
}

@media (max-width: 360px) {
    .hero-title,
    h1.hero-title,
    #inicio .hero-title,
    .hero .hero-content .hero-title {
        font-size: 0.9rem !important;
        padding: 0 10px !important;
    }
}

/* MEJORAR NITIDEZ DE IMAGEN HERO */
.hero-image {
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
    image-rendering: pixelated !important;
    image-rendering: optimizeQuality !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
}

/* FIX SAFARI - BACKGROUNDS SECCIONES */
@supports (-webkit-appearance: none) {
    /* Solo Safari */
    section {
        background: #074257 !important; /* Color directo sin variable */
        background-color: #074257 !important;
        min-height: 100vh !important;
        position: relative !important;
    }
    
    .flota, .experiencias, .precios, .contacto {
        background: #074257 !important; /* Color directo sin variable */
        background-color: #074257 !important;
    }
    
    /* Asegurar overlay hero en Safari */
    .hero-overlay {
        background: linear-gradient(
            to bottom,
            rgba(7, 66, 87, 0.6) 0%,
            rgba(7, 66, 87, 0.4) 50%,
            rgba(7, 66, 87, 0.6) 100%
        ) !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;
    }
}