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

:root {

    /* DESKTOP */
    --desktop-vertical: -61px;
    --desktop-horizontal: 0px;

    /* TABLET */
    --tablet-vertical: 0px;
    --tablet-horizontal: 0px;

    /* CELULAR */
    --mobile-vertical: 0px;
    --mobile-horizontal: 0px;

}


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

@media (min-width: 1025px) {

    .sp-elementor-wrapper {

        position: relative !important;

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

        left:
            var(--desktop-horizontal) !important;

    }

}


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

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

    .sp-elementor-wrapper {

        position: relative !important;

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

        left:
            var(--tablet-horizontal) !important;

    }

}


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

@media (max-width: 767px) {

    .sp-elementor-wrapper {

        position: relative !important;

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

        left:
            var(--mobile-horizontal) !important;

    }

}


/* =====================================================
   CENTRALIZAÇÃO DA FRASE "CONHEÇA ALGUNS..."
   SOMENTE POSIÇÃO
===================================================== */

#spa-nosso-blog .spa-content-intro {

    width: 100% !important;

    max-width: none !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    text-align: center !important;

}


#spa-nosso-blog .spa-content-intro p {

    width: 100% !important;

    max-width: none !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    text-align: center !important;

    white-space: nowrap !important;

}


/* =====================================================
   CODA — MANTER FUNDO BRANCO
===================================================== */

#spa-nosso-blog .spa-brand-card:nth-child(2) .spa-card-body {

    background: #ffffff;

}


#spa-nosso-blog .spa-brand-card:nth-child(2) .spa-card-title {

    color: var(--spa-nat-dark) !important;

}


#spa-nosso-blog .spa-brand-card:nth-child(2) .spa-card-text {

    color: var(--spa-text-muted) !important;

}


#spa-nosso-blog .spa-brand-card:nth-child(2) .spa-card-tags span {

    background: var(--spa-nat-soft);

    color: var(--spa-nat-dark);

}


#spa-nosso-blog .spa-brand-card:nth-child(2) .spa-card-button {

    background: var(--spa-nat-light);

    border: none;

    color: #ffffff !important;

}/* End custom CSS */