/*
Theme Name: Mitsy Queiroz
Theme URI: https://mitsyqueiroz.com
Description: Tema filho para o site portfólio do artista e pesquisador Mitsy Queiroz
Author: Olie de Silva Souza
Author URI: https://mitsyqueiroz.com
Template: hello-elementor
Version: 1.0.0
*/

/* Página Em Construção */
body.page-id-8 {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

body.page-id-8 .e-image-base {
    display: none !important;
}

body.page-id-8::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url('https://mitsyqueiroz.com/wp-content/uploads/2026/06/em-construcao-mitsy-queiroz.gif');
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 0;
}

body.page-id-8 header,
body.page-id-8 footer,
body.page-id-8 .site-header,
body.page-id-8 .site-footer {
    display: none !important;
}

@media (max-width: 768px) {
    body.page-id-8::before {
        background-image: url('https://mitsyqueiroz.com/wp-content/uploads/2026/06/mobile-em-construcao-mitsyqueiroz.gif');
        background-position: top center;
    }
}

/* Ajuste mobile */
@media (max-width: 768px) {
    body.page-id-8 {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }

    body.page-id-8 .e-image-base {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    body.page-id-8 .elementor-element,
    body.page-id-8 .e-con,
    body.page-id-8 .e-con-inner {
        width: 100vw !important;
        height: 100vh !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* Responsivo — troca de imagem desktop/mobile */
.gif-mobile {
    display: none !important;
}

@media (max-width: 768px) {
    .gif-desktop {
        display: none !important;
    }
    .gif-mobile {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        object-fit: cover !important;
        object-position: top center !important;
    }
    .gif-mobile img {
        width: 100vw !important;
        height: 100vh !important;
        object-fit: cover !important;
    }
}