/* ========================================
   MOBILE SAFARI BACKGROUND FIX
   Garante fundo branco em iPhone/Safari
   ======================================== */

/* Fundo branco para body em todos os dispositivos móveis */
@media only screen and (max-width: 768px) {
    body {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    html {
        background-color: #ffffff !important;
    }

    /* Garantir que o site container também seja branco */
    #page {
        background-color: transparent !important;
    }
}

/* Específico para Safari iOS */
@supports (-webkit-touch-callout: none) {
    body {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    html {
        background-color: #ffffff !important;
    }
}

/* Garantir que áreas de scroll também sejam brancas */
body::before,
body::after {
    background-color: #ffffff !important;
}

/* Fix para overscroll no iOS */
@media only screen and (max-width: 768px) {
    body {
        overscroll-behavior: none;
        -webkit-overflow-scrolling: touch;
    }
}