/*
    FERNANDO BAGNOLA
    V07 - CORRECAO MOBILE/TABLET
    BOTOES DE FECHAR FOTOGRAFIAS
*/

@media screen and (max-width: 1200px) {

    body .arquitetura-lightbox.open,
    body .produtos-lightbox.open,
    body .industrial-lightbox.open,
    body .hotelaria-lightbox.open {

        z-index: 2147483000 !important;

    }

    body .arquitetura-lightbox.open > .arquitetura-lightbox-close,
    body .produtos-lightbox.open > .produtos-lightbox-close,
    body .industrial-lightbox.open > .industrial-lightbox-close,
    body .hotelaria-lightbox.open > .hotelaria-lightbox-close {

        position: absolute !important;

        top: calc(12px + env(safe-area-inset-top, 0px)) !important;
        right: calc(12px + env(safe-area-inset-right, 0px)) !important;

        bottom: auto !important;
        left: auto !important;

        z-index: 2147483001 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        background: rgba(26, 25, 24, 0.88) !important;

        color: #ffffff !important;

        font-family: Arial, sans-serif !important;

        font-size: 36px !important;
        font-weight: 300 !important;
        line-height: 1 !important;

        opacity: 1 !important;
        visibility: visible !important;

        pointer-events: auto !important;

        transform: none !important;

        text-shadow: none !important;

        cursor: pointer !important;

        -webkit-appearance: none;
        appearance: none;

        touch-action: manipulation;

        -webkit-tap-highlight-color: transparent;

    }

    /*
       MODA E BELEZA
       CONTRASTE SOBRE A PRIMEIRA FOTO BRANCA
       SEM ALTERAR O SISTEMA DA GALERIA
    */

    body .moda-e-beleza-lightbox.open
    > .moda-e-beleza-lightbox-close {

        background: rgba(26, 25, 24, 0.88) !important;

        color: #ffffff !important;

        border-radius: 50% !important;

        opacity: 1 !important;

    }

    /*
       ACESSIBILIDADE
    */

    body .arquitetura-lightbox-close:focus-visible,
    body .produtos-lightbox-close:focus-visible,
    body .industrial-lightbox-close:focus-visible,
    body .hotelaria-lightbox-close:focus-visible,
    body .moda-e-beleza-lightbox-close:focus-visible {

        outline: 2px solid #ffffff !important;

        outline-offset: 3px !important;

    }

}