/* Start custom CSS for html, class: .elementor-element-fcfb0a6 *//* =====================================================
   POSIÇÃO GERAL DO CÓDIGO - ELEMENTOR
   ===================================================== */


/* ================= DESKTOP ================= */

:root {
    --desktop-vertical: -61px;
    --desktop-horizontal: px;
}


/* ================= TABLET ================= */

@media (min-width: 768px) and (max-width: 1024px) {
    :root {
        --tablet-vertical:4px;
        --tablet-horizontal: px;
    }
}


/* ================= CELULAR ================= */

@media (max-width: 767px) {
    :root {
        --mobile-vertical: -7px;
        --mobile-horizontal: px;
    }
}


/* =====================================================
   DESKTOP
   ===================================================== */

@media (min-width: 1025px) {

    .sp-elementor-wrapper {
        position: absolute !important;

        top: var(--desktop-vertical) !important;

        left: 50% !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        transform: translateX(
            calc(-50% + var(--desktop-horizontal))
        ) !important;

        z-index: 9999 !important;

        overflow: visible !important;
    }

}


/* =====================================================
   TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .sp-elementor-wrapper {
        position: absolute !important;

        top: var(--tablet-vertical) !important;

        left: 50% !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        transform: translateX(
            calc(-50% + var(--tablet-horizontal))
        ) !important;

        z-index: 9999 !important;

        overflow: visible !important;
    }

}


/* =====================================================
   CELULAR
   ===================================================== */

@media (max-width: 767px) {

    .sp-elementor-wrapper {
        position: absolute !important;

        top: var(--mobile-vertical) !important;

        left: 50% !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        transform: translateX(
            calc(-50% + var(--mobile-horizontal))
        ) !important;

        z-index: 9999 !important;

        overflow: visible !important;
    }

}


/* =====================================================
   ELEMENTOR NÃO CORTAR O CONTEÚDO
   ===================================================== */

.elementor-widget-html,
.elementor-widget-container {
    overflow: visible !important;
}/* End custom CSS */