/* version: 10.5 - Mobile Fix */
@media (max-width: 1200px) {
    html { scroll-snap-type: none !important; } 
    .desktop-only { display: none !important; }
    .mobile-only { display: flex !important; flex-direction: column; align-items: center; text-align: center; width: 100%; }

    .snap-section { height: auto !important; min-height: 100vh; padding: 60px 0; background: #000; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; }
    
    /* PRELOADER MOBILE: QUITAMOS EL IMPORTANT DE OPACITY */
    #preloader { 
        display: flex; 
        z-index: 2147483647 !important; 
        background: #000000c9; 
        visibility: visible; 
        opacity: 1; 
        transition: opacity 0.8s ease;
    }
    #loader-clock { font-size: 2.6rem !important; color: #fff !important; width: 100%; text-align: center; }

    /* BACKGROUNDS MOBILE */
    .snap-section, .fixed-bg, .bg-hero-fix, .section-bg-bottom { background-repeat: no-repeat !important; background-attachment: scroll !important; }
    .section-bg-bottom { background-position: bottom center !important; }

    /* HERO MOBILE */
    #hero { background-image: url('assets/img/share2.jpeg') !important; background-size: 100% auto !important; background-position: top center !important; height: 100vh !important; }
    .scroll-indicator-bottom { bottom: 80px !important; left: 50%; transform: translateX(-50%); }

    /* CENTRADO Y AJUSTES... */
    .container-mobile { width: 95vw; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; }
    .main-headline-mobile { font-size: 1.3rem !important; margin-bottom: 0px; }
    .render-mobile-box img { max-height: 60vh; width: 100%; object-fit: contain; margin-bottom: 40px; }
    .text-mobile-box { font-size: 0.9rem; line-height: 1.5; margin-bottom: 20px; padding: 0 20px; width: 100%; text-align: justify;}
    .ciclo-text-box-centered { text-align: center; font-size: 0.9rem; line-height: 1.5; }
    .author-mobile-box { width: 100%; max-width: 252px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
    .mati-mobile-img { width: 100%; border-radius: 10px; margin-bottom: -50px; }
    .btn-donar-margin-top a { font-size: smaller;}

    /* COMPRA MOBILE */
    .grid-buy-center { display: flex !important; flex-direction: column !important; align-items: center; width: 100%; gap: 60px; }
    .buy-card { width: 100%; align-items: center; }
    .product-render-scaled img { transform: scale(1.3) !important; max-height: 45vh !important; margin: 0 auto 15px; }

    /* CONTACTO MOBILE - FIX ZOOM */
    .styled-contact-form input, .styled-contact-form textarea { font-size: 16px !important; width: 100%; }
    .btn-align-right-container { justify-content: center !important; width: 100%; display: flex; padding: 0 !important; }
    .copyright-site { font-size: 10px !important; width: 100%; text-align: center; }
    
    .modal-main-card { border-radius: 30px !important; padding: 40px 20px !important; width: 92% !important; max-height: 90vh; overflow-y: auto; }
    .modal-author-img { display: none;}
    .modal-bio-paragraph-styled { font-size: 0.9rem; line-height: 1.5; }
}