.natreb-product-modal {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    overscroll-behavior: none;
    transition: opacity .18s ease;
    z-index: 999999;
}

/*
 * Moldura Natreb: duas camadas desenham a borda acompanhando o chanfro.
 * Assim a linha fica continua, sem os intervalos criados por uma borda
 * convencional combinada a clip-path.
 */
@supports (clip-path: polygon(0 0)) {
    .media-boxes-grid .media-box-container {
        --natreb-card-cut: 18px;
        background: transparent;
        border: 0 !important;
        border-radius: 0 !important;
        clip-path: polygon(
            var(--natreb-card-cut) 0,
            100% 0,
            100% calc(100% - var(--natreb-card-cut)),
            calc(100% - var(--natreb-card-cut)) 100%,
            0 100%,
            0 var(--natreb-card-cut)
        );
        isolation: isolate;
        position: relative;
        transition: filter .55s cubic-bezier(.22, .61, .36, 1);
    }

    .media-boxes-grid .media-box-container::before,
    .media-boxes-grid .media-box-container::after {
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }

    .media-boxes-grid .media-box-container::before {
        background: linear-gradient(
            105deg,
            #ff4c00 0 42%,
            #ffb092 48%,
            #ff4c00 54%,
            #dce5ee 68% 100%
        );
        background-position: 100% 0;
        background-size: 250% 100%;
        transition: background-position .78s cubic-bezier(.22, .61, .36, 1);
        z-index: 0;
    }

    .media-boxes-grid .media-box-container::after {
        background: #fff;
        clip-path: polygon(
            calc(var(--natreb-card-cut) - 3px) 0,
            100% 0,
            100% calc(100% - var(--natreb-card-cut) + 3px),
            calc(100% - var(--natreb-card-cut) + 3px) 100%,
            0 100%,
            0 calc(var(--natreb-card-cut) - 3px)
        );
        inset: 3px;
        transition: inset .45s cubic-bezier(.22, .61, .36, 1);
        z-index: 1;
    }

    .media-boxes-grid .media-box-container > * {
        position: relative;
        z-index: 2;
    }

    .media-boxes-grid .media-box-container:hover {
        filter:
            drop-shadow(0 18px 30px rgba(0, 0, 0, .24))
            drop-shadow(0 0 11px rgba(255, 76, 0, .24));
    }

    .media-boxes-grid .media-box-container:hover::before {
        background-position: 0 0;
    }

    .media-boxes-grid .media-box-container:hover::after {
        inset: 4px;
    }

    .media-boxes-grid .media-box-container > a {
        display: block;
        overflow: hidden;
    }

    .media-boxes-grid .media-box-container .media-box-image {
        transform: scale(1);
        transition: transform .8s cubic-bezier(.22, .61, .36, 1);
    }

    .media-boxes-grid .media-box-container:hover .media-box-image {
        transform: scale(1.035);
    }

    .media-boxes-grid .media-box-container .post_title-1 {
        transition: color .32s ease;
    }

    .media-boxes-grid .media-box-container:hover .post_title-1 {
        color: #ff4c00 !important;
    }

    /* Linha de energia: deixa a progressão do hover claramente perceptível. */
    .media-boxes-grid .media-box-container .media-box-content {
        overflow: hidden;
        position: relative;
    }

    .media-boxes-grid .media-box-container .media-box-content::before {
        background: linear-gradient(90deg, #ff4c00 0%, #ffb092 50%, #ff4c00 100%);
        bottom: 0;
        box-shadow: 0 0 12px rgba(255, 76, 0, .42);
        content: "";
        height: 4px;
        left: 0;
        pointer-events: none;
        position: absolute;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .72s cubic-bezier(.22, .61, .36, 1);
        width: 100%;
        z-index: 4;
    }

    .media-boxes-grid .media-box-container:hover .media-box-content::before {
        transform: scaleX(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .media-boxes-grid .media-box-container,
    .media-boxes-grid .media-box-container::before,
    .media-boxes-grid .media-box-container::after,
    .media-boxes-grid .media-box-container .media-box-image,
    .media-boxes-grid .media-box-container .media-box-content::before,
    .media-boxes-grid .media-box-container .post_title-1 {
        transition-duration: .01ms !important;
    }
}

/* Filtros de segmentos: contorno técnico e seleção em laranja Natreb. */
@supports (clip-path: polygon(0 0)) {
    .media-boxes-filter li {
        --natreb-filter-cut: 10px;
        background: #dce5ee;
        border: 0 !important;
        border-radius: 0 !important;
        clip-path: polygon(
            var(--natreb-filter-cut) 0,
            100% 0,
            100% calc(100% - var(--natreb-filter-cut)),
            calc(100% - var(--natreb-filter-cut)) 100%,
            0 100%,
            0 var(--natreb-filter-cut)
        );
        margin: 0 10px 12px 0 !important;
        padding: 1px;
    }

    .media-boxes-filter li a {
        align-items: center;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        clip-path: polygon(
            calc(var(--natreb-filter-cut) - 1px) 0,
            100% 0,
            100% calc(100% - var(--natreb-filter-cut) + 1px),
            calc(100% - var(--natreb-filter-cut) + 1px) 100%,
            0 100%,
            0 calc(var(--natreb-filter-cut) - 1px)
        ) !important;
        display: flex;
        min-height: 42px;
        padding: 8px 18px !important;
        transition: background-color .25s ease, color .25s ease;
    }

    .media-boxes-filter li:hover {
        background: #ff4c00;
    }

    .media-boxes-filter li:hover a {
        color: #001e43 !important;
    }

    .media-boxes-filter li:has(a.selected) {
        background: #ff4c00;
    }

    .media-boxes-filter li a.selected {
        background: #ff4c00 !important;
        color: #fff !important;
    }

    /* Algumas versões do Media Boxes aplicam a pílula no elemento interno. */
    .media-boxes-filter li,
    .media-boxes-filter li > a,
    .media-boxes-filter li > a > * {
        border-radius: 0 !important;
    }

    .media-boxes-filter li.selected,
    .media-boxes-filter li:has(.selected) {
        background: #ff4c00 !important;
    }

    .media-boxes-filter li.selected > a,
    .media-boxes-filter li:has(.selected) > a,
    .media-boxes-filter li > a.selected {
        background: #ff4c00 !important;
        border-radius: 0 !important;
        color: #fff !important;
    }

    /* Busca do catálogo: mesma linguagem técnica dos filtros. */
    .media-boxes-search,
    .media-boxes-search input,
    .media-boxes-search button,
    .media-boxes-search .media-boxes-search-input,
    .media-boxes-search .media-boxes-search-clear {
        border-radius: 0 !important;
    }

    .media-boxes-search {
        clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
        overflow: hidden;
    }

    /*
     * A página possui um CSS antigo com border-radius: 999px !important.
     * Estes seletores mais específicos garantem o desenho técnico final.
     */
    body .media-boxes-filters-container .media-boxes-filter > li > a {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px) !important;
    }

    body .media-boxes-filters-container .media-boxes-filter > li > a.selected {
        background: #ff4c00 !important;
        color: #fff !important;
    }

    body .media-boxes-filters-container .media-boxes-search {
        border-radius: 0 !important;
        box-shadow: none !important;
        clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
    }

    body .media-boxes-filters-container .media-boxes-search input[type="text"] {
        border-radius: 0 !important;
    }
}

.media-boxes-grid .media-box-container .post_title-1 {
    letter-spacing: .015em;
}

.media-boxes-grid .media-box-container .acf_field-1 {
    border-left: 3px solid #ff4c00;
    color: #3c4881;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 6px;
    padding: 3px 0 3px 10px;
}

.media-boxes-grid .media-box-container .media-box-content,
.media-boxes-grid .media-box-container .mb_global_skin {
    box-sizing: border-box;
    padding: 26px 24px 30px !important;
}

.media-boxes-grid .media-box-container .post_title-1 {
    margin-bottom: 14px !important;
}

.media-boxes-grid .media-box-container {
    margin-bottom: 24px !important;
    margin-left: 24px !important;
}

@media (max-width: 767px) {
    .media-boxes-grid .media-box-container {
        margin-bottom: 16px !important;
        margin-left: 16px !important;
    }

    .media-boxes-grid .media-box-container .media-box-content,
    .media-boxes-grid .media-box-container .mb_global_skin {
        padding: 22px 18px 26px !important;
    }
}

/* =========================================================
   WP MAPAS PRO — FILIAIS E REPRESENTANTES
   ========================================================= */

.wpgmp_map_container {
    --natreb-map-navy: #062d57;
    --natreb-map-dark: #001e43;
    --natreb-map-orange: #ff4c00;
    --natreb-map-line: #d8e1e9;
    --natreb-map-soft: #f4f7f9;
    --natreb-map-cut: 14px;
}

.wpgmp_map_container,
.wpgmp_map_container * {
    box-sizing: border-box;
}

.wpgmp_map_container .wpgmp_filter_wrappers {
    background: #fff !important;
    border: 0 !important;
    clip-path: polygon(
        var(--natreb-map-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut)),
        calc(100% - var(--natreb-map-cut)) 100%,
        0 100%,
        0 var(--natreb-map-cut)
    );
    margin-bottom: 26px !important;
    padding: 22px !important;
    position: relative;
}

.wpgmp_map_container .wpgmp_filter_wrappers::after {
    background: var(--natreb-map-orange);
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 84px;
}

.wpgmp_map_container .wpgmp_before_listing {
    color: var(--natreb-map-navy) !important;
    font-size: clamp(18px, 1.7vw, 25px) !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    margin: 0 0 16px !important;
    text-transform: uppercase;
}

.wpgmp_map_container .wpgmp_search_form,
.wpgmp_map_container .wpgmp-autocomplete-wrapper {
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_search_input {
    background: var(--natreb-map-soft) !important;
    border: 1px solid var(--natreb-map-line) !important;
    border-radius: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    color: #30465c !important;
    min-height: 48px !important;
    outline: 0 !important;
    padding: 0 18px !important;
    transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_search_input:focus {
    background: #fff !important;
    border-color: var(--natreb-map-orange) !important;
    box-shadow: inset 4px 0 0 var(--natreb-map-orange) !important;
}

.wpgmp_map_container .categories_filter {
    align-items: stretch !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.wpgmp_map_container .categories_filter > div {
    margin: 0 !important;
}

.wpgmp_map_container .categories_filter select,
.wpgmp_map_container .categories_filter_reset_btn {
    appearance: none;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
    cursor: pointer;
    font-weight: 700 !important;
    min-height: 44px !important;
    padding: 0 38px 0 16px !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.wpgmp_map_container .categories_filter select {
    background-color: var(--natreb-map-navy) !important;
    color: #fff !important;
}

.wpgmp_map_container .categories_filter select:hover,
.wpgmp_map_container .categories_filter select:focus {
    background-color: var(--natreb-map-orange) !important;
    outline: 0;
}

.wpgmp_map_container .categories_filter_reset_btn {
    background: var(--natreb-map-orange) !important;
    color: #fff !important;
    padding-inline: 18px !important;
}

.wpgmp_map_container .categories_filter_reset_btn:hover {
    background: var(--natreb-map-dark) !important;
}

.wpgmp_map_container .span_list,
.wpgmp_map_container .span_grid,
.wpgmp_map_container .span_print {
    align-items: center;
    display: inline-flex !important;
    justify-content: center;
    margin: 0 !important;
    min-height: 44px;
    min-width: 38px;
}

.wpgmp_map_container .span_list a,
.wpgmp_map_container .span_grid a,
.wpgmp_map_container .span_print a {
    color: var(--natreb-map-navy) !important;
}

.wpgmp_map_container .wpgmp_map_parent {
    background: var(--natreb-map-line) !important;
    clip-path: polygon(
        var(--natreb-map-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut)),
        calc(100% - var(--natreb-map-cut)) 100%,
        0 100%,
        0 var(--natreb-map-cut)
    );
    margin-bottom: 28px !important;
    padding: 2px !important;
}

.wpgmp_map_container .wpgmp_map {
    clip-path: polygon(
        calc(var(--natreb-map-cut) - 1px) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut) + 1px),
        calc(100% - var(--natreb-map-cut) + 1px) 100%,
        0 100%,
        0 calc(var(--natreb-map-cut) - 1px)
    );
    width: 100% !important;
}

/* O WP Mapas Pro coloca todos os locais dentro de .fc-component-6. */
.wpgmp_map_container .wpgmp_categories > .fc-item-default,
.wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
    display: grid !important;
    gap: 24px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box {
    align-self: stretch;
    background: var(--natreb-map-line) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 28px rgba(0, 30, 67, .08) !important;
    clip-path: polygon(
        var(--natreb-map-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut)),
        calc(100% - var(--natreb-map-cut)) 100%,
        0 100%,
        0 var(--natreb-map-cut)
    );
    display: flex !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 230px;
    overflow: hidden;
    padding: 1px !important;
    position: relative;
    transform: translateY(0);
    transition: background-color .35s ease, box-shadow .35s ease, transform .35s ease;
    vertical-align: top;
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box::after {
    background: linear-gradient(90deg, var(--natreb-map-orange), #ff8a33);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .48s cubic-bezier(.22, .75, .25, 1);
    width: 100%;
    z-index: 3;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box:hover {
    background: var(--natreb-map-orange) !important;
    box-shadow: 0 20px 42px rgba(0, 30, 67, .18) !important;
    transform: translateY(-6px);
}

.wpgmp_map_container .wpgmp_categories .fc-item-box:hover::after {
    transform: scaleX(1);
}

.wpgmp_map_container .wpgmp_categories .fc-item-box > .fc-itemcontent-padding {
    background: #fff !important;
    clip-path: polygon(
        calc(var(--natreb-map-cut) - 1px) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut) + 1px),
        calc(100% - var(--natreb-map-cut) + 1px) 100%,
        0 100%,
        0 calc(var(--natreb-map-cut) - 1px)
    );
    flex: 1 1 auto;
    padding: 26px 24px !important;
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-title,
.wpgmp_map_container .wpgmp_categories .fc-item-title a,
.wpgmp_map_container .wpgmp_categories a.place_title {
    color: var(--natreb-map-navy) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .025em;
    line-height: 1.25 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: color .2s ease;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box:hover .fc-item-title,
.wpgmp_map_container .wpgmp_categories .fc-item-box:hover .fc-item-title a,
.wpgmp_map_container .wpgmp_categories .fc-item-box:hover a.place_title {
    color: var(--natreb-map-orange) !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-meta {
    margin: 12px 0 15px !important;
}

.wpgmp_map_container .wpgmp_categories .fc-badge {
    background: #eef3f7 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    color: var(--natreb-map-navy) !important;
    display: inline-block;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .025em;
    padding: 7px 10px !important;
    text-transform: uppercase;
}

.wpgmp_map_container .wpgmp_categories .fc-item-content {
    color: #5c6d7e !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin-top: 0 !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-content p,
.wpgmp_map_container .wpgmp_categories .fc-item-content div {
    margin-bottom: 7px !important;
}

.wpgmp_map_container .wpgmp_pagination {
    display: none !important;
}

.wpgmp_map_container select[name="map_perpage_location_sorting"] {
    display: none !important;
}

@media (max-width: 1024px) {
    .wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
        gap: 20px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .wpgmp_map_container {
        --natreb-map-cut: 11px;
    }

    .wpgmp_map_container .wpgmp_filter_wrappers {
        padding: 18px 14px !important;
    }

    .wpgmp_map_container .categories_filter {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .wpgmp_map_container .categories_filter select,
    .wpgmp_map_container .categories_filter_reset_btn,
    .wpgmp_map_container .categories_filter > div {
        width: 100% !important;
    }

    .wpgmp_map_container .span_list,
    .wpgmp_map_container .span_grid,
    .wpgmp_map_container .span_print {
        display: none !important;
    }

    .wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
        gap: 16px !important;
        grid-template-columns: 1fr !important;
    }

    .wpgmp_map_container .wpgmp_categories .fc-item-box {
        min-height: 0;
    }

    .wpgmp_map_container .wpgmp_categories .fc-item-box > .fc-itemcontent-padding {
        padding: 22px 19px !important;
    }
}

/* =========================================================
   FORMULÁRIOS INSTITUCIONAIS — CONTATO, ORÇAMENTO E CURRÍCULO
   ========================================================= */

body.page-id-30 #wpcf7-f10836-p30-o1,
body.page-id-20090 #gform_wrapper_11,
body.page-id-21051 #gform_wrapper_12,
body.page-id-20096 #gform_wrapper_4 {
    --natreb-form-navy: #062d57;
    --natreb-form-dark: #001e43;
    --natreb-form-orange: #ff4c00;
    --natreb-form-line: #d6e0e8;
    --natreb-form-soft: #f3f6f8;
    --natreb-form-muted: #607286;
    --natreb-form-cut: 18px;
    background: var(--natreb-form-line) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 60px rgba(0, 30, 67, .10) !important;
    clip-path: polygon(
        var(--natreb-form-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-form-cut)),
        calc(100% - var(--natreb-form-cut)) 100%,
        0 100%,
        0 var(--natreb-form-cut)
    );
    isolation: isolate;
    margin-inline: auto !important;
    max-width: 1180px;
    overflow: hidden;
    padding: 1px !important;
    position: relative;
}

body.page-id-30 #wpcf7-f10836-p30-o1 {
    max-width: 820px;
}

body.page-id-30 #wpcf7-f10836-p30-o1::before,
body.page-id-20090 #gform_wrapper_11::before,
body.page-id-21051 #gform_wrapper_12::before,
body.page-id-20096 #gform_wrapper_4::before {
    background: linear-gradient(90deg, var(--natreb-form-orange) 0 78%, #ff8a33 100%);
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: clamp(100px, 18%, 210px);
    z-index: 4;
}

body.page-id-30 #wpcf7-f10836-p30-o1 > form,
body.page-id-20090 #gform_wrapper_11 > form,
body.page-id-21051 #gform_wrapper_12 > form,
body.page-id-20096 #gform_wrapper_4 > form {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(
        calc(var(--natreb-form-cut) - 1px) 0,
        100% 0,
        100% calc(100% - var(--natreb-form-cut) + 1px),
        calc(100% - var(--natreb-form-cut) + 1px) 100%,
        0 100%,
        0 calc(var(--natreb-form-cut) - 1px)
    );
    margin: 0 !important;
    padding: clamp(28px, 4vw, 54px) !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wrap-form,
body.page-id-30 #wpcf7-f10836-p30-o1 .containter {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .row {
    margin-inline: -8px !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .input-filled {
    margin-bottom: 18px !important;
    padding-inline: 8px !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 input:not([type="hidden"]):not([type="submit"]),
body.page-id-30 #wpcf7-f10836-p30-o1 select,
body.page-id-30 #wpcf7-f10836-p30-o1 textarea,
body.page-id-20090 #gform_wrapper_11 input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.page-id-20090 #gform_wrapper_11 select,
body.page-id-20090 #gform_wrapper_11 textarea,
body.page-id-21051 #gform_wrapper_12 input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.page-id-21051 #gform_wrapper_12 select,
body.page-id-21051 #gform_wrapper_12 textarea,
body.page-id-20096 #gform_wrapper_4 input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.page-id-20096 #gform_wrapper_4 select,
body.page-id-20096 #gform_wrapper_4 textarea {
    background: var(--natreb-form-soft) !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    color: #263b50 !important;
    font-size: 15px !important;
    height: 52px !important;
    line-height: 1.35 !important;
    min-height: 52px !important;
    padding: 0 17px !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
    width: 100% !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 textarea,
body.page-id-20090 #gform_wrapper_11 textarea,
body.page-id-21051 #gform_wrapper_12 textarea,
body.page-id-20096 #gform_wrapper_4 textarea {
    height: auto !important;
    min-height: 145px !important;
    padding-block: 15px !important;
    resize: vertical;
}

body.page-id-30 #wpcf7-f10836-p30-o1 input::placeholder,
body.page-id-30 #wpcf7-f10836-p30-o1 textarea::placeholder,
body.page-id-20090 #gform_wrapper_11 input::placeholder,
body.page-id-20090 #gform_wrapper_11 textarea::placeholder,
body.page-id-21051 #gform_wrapper_12 input::placeholder,
body.page-id-21051 #gform_wrapper_12 textarea::placeholder,
body.page-id-20096 #gform_wrapper_4 input::placeholder,
body.page-id-20096 #gform_wrapper_4 textarea::placeholder {
    color: #718194 !important;
    opacity: 1 !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 input:focus,
body.page-id-30 #wpcf7-f10836-p30-o1 select:focus,
body.page-id-30 #wpcf7-f10836-p30-o1 textarea:focus,
body.page-id-20090 #gform_wrapper_11 input:focus,
body.page-id-20090 #gform_wrapper_11 select:focus,
body.page-id-20090 #gform_wrapper_11 textarea:focus,
body.page-id-21051 #gform_wrapper_12 input:focus,
body.page-id-21051 #gform_wrapper_12 select:focus,
body.page-id-21051 #gform_wrapper_12 textarea:focus,
body.page-id-20096 #gform_wrapper_4 input:focus,
body.page-id-20096 #gform_wrapper_4 select:focus,
body.page-id-20096 #gform_wrapper_4 textarea:focus {
    background: #fff !important;
    border-color: var(--natreb-form-orange) !important;
    box-shadow: inset 4px 0 0 var(--natreb-form-orange), 0 0 0 3px rgba(255, 76, 0, .10) !important;
    outline: 0 !important;
}

body.page-id-20090 #gform_wrapper_11 .gform_fields,
body.page-id-21051 #gform_wrapper_12 .gform_fields,
body.page-id-20096 #gform_wrapper_4 .gform_fields {
    column-gap: 20px !important;
    row-gap: 22px !important;
}

body.page-id-20090 #gform_wrapper_11 .gform_fields,
body.page-id-21051 #gform_wrapper_12 .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-id-20090 #gform_wrapper_11 #field_11_6,
body.page-id-20090 #gform_wrapper_11 #field_11_8,
body.page-id-21051 #gform_wrapper_12 #field_12_6,
body.page-id-21051 #gform_wrapper_12 #field_12_7,
body.page-id-21051 #gform_wrapper_12 #field_12_8 {
    grid-column: 1 / -1 !important;
}

body.page-id-20090 #gform_wrapper_11 #field_11_2,
body.page-id-20090 #gform_wrapper_11 #field_11_3,
body.page-id-20090 #gform_wrapper_11 #field_11_4,
body.page-id-20090 #gform_wrapper_11 #field_11_7 {
    grid-column: span 1 !important;
}

body.page-id-20090 #gform_wrapper_11 .ginput_complex,
body.page-id-21051 #gform_wrapper_12 .ginput_complex,
body.page-id-20096 #gform_wrapper_4 .ginput_complex {
    display: grid !important;
    gap: 15px 18px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-id-20090 #gform_wrapper_11 .ginput_complex > span,
body.page-id-21051 #gform_wrapper_12 .ginput_complex > span,
body.page-id-20096 #gform_wrapper_4 .ginput_complex > span {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.page-id-20090 #gform_wrapper_11 .gfield_label,
body.page-id-21051 #gform_wrapper_12 .gfield_label,
body.page-id-20096 #gform_wrapper_4 .gfield_label {
    color: var(--natreb-form-navy) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
    line-height: 1.35 !important;
    margin-bottom: 9px !important;
}

body.page-id-20090 #gform_wrapper_11 .ginput_complex label,
body.page-id-21051 #gform_wrapper_12 .ginput_complex label,
body.page-id-20096 #gform_wrapper_4 .ginput_complex label {
    color: var(--natreb-form-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 7px 2px 0 !important;
}

body.page-id-20090 #gform_wrapper_11 .gfield_required,
body.page-id-21051 #gform_wrapper_12 .gfield_required,
body.page-id-20096 #gform_wrapper_4 .gfield_required {
    color: var(--natreb-form-orange) !important;
}

body.page-id-20090 #gform_wrapper_11 .gform-footer,
body.page-id-21051 #gform_wrapper_12 .gform-footer,
body.page-id-20096 #gform_wrapper_4 .gform_page_footer {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 30px !important;
    padding: 0 !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit,
body.page-id-20090 #gform_wrapper_11 .gform_button,
body.page-id-21051 #gform_wrapper_12 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_next_button,
body.page-id-20096 #gform_wrapper_4 .gform_previous_button {
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .045em !important;
    min-height: 50px !important;
    padding: 0 28px !important;
    text-transform: uppercase !important;
    transition: background-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit,
body.page-id-20090 #gform_wrapper_11 .gform_button,
body.page-id-21051 #gform_wrapper_12 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_next_button {
    background: var(--natreb-form-orange) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(255, 76, 0, .22) !important;
}

body.page-id-20096 #gform_wrapper_4 .gform_previous_button {
    background: var(--natreb-form-navy) !important;
    color: #fff !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit:hover,
body.page-id-20090 #gform_wrapper_11 .gform_button:hover,
body.page-id-21051 #gform_wrapper_12 .gform_button:hover,
body.page-id-20096 #gform_wrapper_4 .gform_button:hover,
body.page-id-20096 #gform_wrapper_4 .gform_next_button:hover,
body.page-id-20096 #gform_wrapper_4 .gform_previous_button:hover {
    background: var(--natreb-form-dark) !important;
    box-shadow: 0 14px 30px rgba(0, 30, 67, .22) !important;
    transform: translateY(-2px);
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit {
    align-items: center !important;
    display: inline-flex !important;
    gap: 12px;
    justify-content: center !important;
    width: auto !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-not-valid-tip,
body.page-id-20090 #gform_wrapper_11 .gfield_validation_message,
body.page-id-21051 #gform_wrapper_12 .gfield_validation_message,
body.page-id-20096 #gform_wrapper_4 .gfield_validation_message {
    background: rgba(255, 76, 0, .07) !important;
    border: 0 !important;
    border-left: 3px solid var(--natreb-form-orange) !important;
    color: #9e2f00 !important;
    font-size: 12px !important;
    margin-top: 7px !important;
    padding: 8px 10px !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-response-output,
body.page-id-20090 #gform_wrapper_11 .gform_validation_errors,
body.page-id-21051 #gform_wrapper_12 .gform_validation_errors,
body.page-id-20096 #gform_wrapper_4 .gform_validation_errors {
    background: #fff6f2 !important;
    border: 0 !important;
    border-left: 4px solid var(--natreb-form-orange) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #6f2a0c !important;
    margin: 22px 0 0 !important;
    padding: 14px 16px !important;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_wrapper {
    background: #eef3f7 !important;
    border: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    margin: 0 0 30px !important;
    padding: 18px 20px !important;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_title {
    color: var(--natreb-form-navy) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    margin: 0 0 10px !important;
    text-transform: uppercase;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar {
    background: #d8e1e9 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 10px !important;
    overflow: hidden;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_percentage {
    background: linear-gradient(90deg, var(--natreb-form-orange), #ff8a33) !important;
    border-radius: 0 !important;
    height: 10px !important;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_percentage span {
    display: none !important;
}

body.page-id-20096 #gform_wrapper_4 input[type="file"] {
    background: #eef3f7 !important;
    border: 1px dashed #aebdca !important;
    border-radius: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    color: var(--natreb-form-muted) !important;
    min-height: 58px;
    padding: 8px !important;
    width: 100% !important;
}

body.page-id-20096 #gform_wrapper_4 input[type="file"]::file-selector-button {
    background: var(--natreb-form-navy);
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    margin-right: 14px;
    min-height: 40px;
    padding: 0 16px;
}

/*
 * Orcamento: o formulario ativo nesta pagina e o Gravity Forms 12.
 * Mantem os dados de contato compactos para dar prioridade visual ao seletor
 * de equipamentos, sem alterar a estrutura ou as validacoes do formulario.
 */
body.page-id-20090 #gform_wrapper_12 .gform_fields {
    column-gap: 18px !important;
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    row-gap: 16px !important;
}

body.page-id-20090 #gform_wrapper_12 .gfield {
    min-width: 0;
}

body.page-id-20090 #gform_wrapper_12 #field_12_6,
body.page-id-20090 #gform_wrapper_12 #field_12_7,
body.page-id-20090 #gform_wrapper_12 #field_12_8 {
    grid-column: 1 / -1 !important;
}

body.page-id-20090 #gform_wrapper_12 #field_12_2 {
    grid-column: span 5 !important;
}

body.page-id-20090 #gform_wrapper_12 #field_12_3 {
    grid-column: span 3 !important;
}

body.page-id-20090 #gform_wrapper_12 #field_12_4 {
    grid-column: span 4 !important;
}

body.page-id-20090 #gform_wrapper_12 .ginput_complex {
    display: grid !important;
    gap: 10px 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-id-20090 #gform_wrapper_12 .ginput_complex > span {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.page-id-20090 #gform_wrapper_12 .gfield_label {
    margin-bottom: 6px !important;
}

body.page-id-20090 #gform_wrapper_12 .ginput_complex label {
    margin-top: 4px !important;
}

body.page-id-20090 #gform_wrapper_12 #input_12_8 {
    height: 82px !important;
    min-height: 82px !important;
    padding: 10px 12px !important;
    resize: vertical;
}

body.page-id-20090 #gform_wrapper_12 #field_12_7 {
    margin-top: 2px;
}

@media (max-width: 1199px) {
    body.page-id-20090 #gform_wrapper_12 #field_12_2,
    body.page-id-20090 #gform_wrapper_12 #field_12_3 {
        grid-column: span 6 !important;
    }

    body.page-id-20090 #gform_wrapper_12 #field_12_4 {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 767px) {
    body.page-id-30 #wpcf7-f10836-p30-o1,
    body.page-id-20090 #gform_wrapper_11,
    body.page-id-21051 #gform_wrapper_12,
    body.page-id-20096 #gform_wrapper_4 {
        --natreb-form-cut: 13px;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 > form,
    body.page-id-20090 #gform_wrapper_11 > form,
    body.page-id-21051 #gform_wrapper_12 > form,
    body.page-id-20096 #gform_wrapper_4 > form {
        padding: 28px 18px !important;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 .row {
        margin-inline: 0 !important;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 .input-filled {
        padding-inline: 0 !important;
        width: 100% !important;
    }

    body.page-id-20090 #gform_wrapper_11 .gform_fields,
    body.page-id-20090 #gform_wrapper_11 .ginput_complex,
    body.page-id-21051 #gform_wrapper_12 .gform_fields,
    body.page-id-21051 #gform_wrapper_12 .ginput_complex,
    body.page-id-20096 #gform_wrapper_4 .ginput_complex {
        grid-template-columns: 1fr !important;
    }

    body.page-id-20090 #gform_wrapper_11 #field_11_2,
    body.page-id-20090 #gform_wrapper_11 #field_11_3,
    body.page-id-20090 #gform_wrapper_11 #field_11_4,
    body.page-id-20090 #gform_wrapper_11 #field_11_7,
    body.page-id-21051 #gform_wrapper_12 .gfield {
        grid-column: 1 / -1 !important;
    }

    body.page-id-20096 #gform_wrapper_4 .gform_fields {
        column-gap: 0 !important;
    }

    body.page-id-20096 #gform_wrapper_4 .gfield {
        grid-column: 1 / -1 !important;
    }

    body.page-id-20090 #gform_wrapper_12 .gform_fields {
        column-gap: 0 !important;
        row-gap: 14px !important;
    }

    body.page-id-20090 #gform_wrapper_12 .gfield,
    body.page-id-20090 #gform_wrapper_12 #field_12_2,
    body.page-id-20090 #gform_wrapper_12 #field_12_3,
    body.page-id-20090 #gform_wrapper_12 #field_12_4 {
        grid-column: 1 / -1 !important;
    }

    body.page-id-20090 #gform_wrapper_12 .ginput_complex {
        grid-template-columns: 1fr !important;
    }

    body.page-id-20090 #gform_wrapper_12 .gform_button {
        justify-content: center;
        width: 100% !important;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit,
    body.page-id-20090 #gform_wrapper_11 .gform_button,
    body.page-id-21051 #gform_wrapper_12 .gform_button,
    body.page-id-20096 #gform_wrapper_4 .gform_button,
    body.page-id-20096 #gform_wrapper_4 .gform_next_button,
    body.page-id-20096 #gform_wrapper_4 .gform_previous_button {
        justify-content: center;
        width: 100% !important;
    }
}

/*
 * Blog Natreb: os cards tornam-se placas técnicas chanfradas.
 * O escopo depende da classe "natreb-blog-grid" adicionada ao widget Posts.
 */
.natreb-blog-grid .elementor-posts-container {
    align-items: stretch;
    column-gap: 28px !important;
    grid-column-gap: 28px !important;
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
}

.natreb-blog-grid article.elementor-post {
    display: flex;
    min-width: 0;
    overflow: visible;
}

.natreb-blog-grid .elementor-post__card {
    --natreb-blog-cut: 18px;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: polygon(
        var(--natreb-blog-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-blog-cut)),
        calc(100% - var(--natreb-blog-cut)) 100%,
        0 100%,
        0 var(--natreb-blog-cut)
    );
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    isolation: isolate;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    transform: translateY(0);
    transition:
        filter .55s cubic-bezier(.22, .61, .36, 1),
        transform .55s cubic-bezier(.22, .61, .36, 1);
}

.natreb-blog-grid .elementor-post__card::before {
    background: linear-gradient(
        105deg,
        #ff4c00 0 42%,
        #ffb092 48%,
        #ff4c00 54%,
        #dce5ee 68% 100%
    );
    background-position: 100% 0;
    background-size: 250% 100%;
    clip-path: inherit;
    content: "";
    inset: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    transition: background-position .78s cubic-bezier(.22, .61, .36, 1);
    z-index: 10;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.natreb-blog-grid .elementor-post__card:hover,
.natreb-blog-grid .elementor-post__card:focus-within {
    filter:
        drop-shadow(0 18px 30px rgba(0, 0, 0, .24))
        drop-shadow(0 0 12px rgba(255, 76, 0, .24));
    transform: translateY(-8px);
}

.natreb-blog-grid .elementor-post__card:hover::before,
.natreb-blog-grid .elementor-post__card:focus-within::before {
    background-position: 0 0;
}

.natreb-blog-grid .elementor-post__thumbnail__link {
    display: block;
    margin: 0 !important;
    order: 1;
    overflow: visible;
    position: relative;
    z-index: 2;
}

.natreb-blog-grid .elementor-post__thumbnail {
    aspect-ratio: 1 / 1;
    margin: 0 !important;
    overflow: hidden;
    padding-bottom: 0 !important;
    position: relative;
}

.natreb-blog-grid .elementor-post__card .elementor-post__thumbnail img {
    bottom: auto !important;
    filter: saturate(1) contrast(1) brightness(1);
    height: 100% !important;
    left: 50% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1.01) !important;
    transition: filter .55s ease;
    width: 100% !important;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__thumbnail img,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__thumbnail img {
    filter: saturate(1.08) contrast(1.04) brightness(.96);
    transform: translate(-50%, -50%) scale(1.01) !important;
}

.natreb-blog-grid .elementor-post__thumbnail::before,
.natreb-blog-grid .elementor-post__thumbnail::after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 3;
}

.natreb-blog-grid .elementor-post__thumbnail::before {
    background: linear-gradient(
        110deg,
        transparent 0 40%,
        rgba(255, 255, 255, .28) 47%,
        rgba(255, 76, 0, .24) 51%,
        transparent 58% 100%
    );
    transform: translateX(-140%);
    transition: transform .9s cubic-bezier(.22, .61, .36, 1);
}

.natreb-blog-grid .elementor-post__thumbnail::after {
    background: linear-gradient(180deg, rgba(0, 30, 67, 0) 45%, rgba(0, 30, 67, .18) 100%);
    opacity: 0;
    transition: opacity .5s ease;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__thumbnail::before,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__thumbnail::before {
    transform: translateX(140%);
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__thumbnail::after,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__thumbnail::after {
    opacity: 1;
}

.natreb-blog-grid .natreb-blog-category {
    background: #ff4c00;
    bottom: 0;
    box-shadow: 0 7px 18px rgba(255, 76, 0, .22);
    clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    left: 22px;
    letter-spacing: .06em;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    text-transform: uppercase;
    transform: translateY(50%);
    z-index: 5;
}

.natreb-blog-grid .elementor-post__meta-data {
    border: 0 !important;
    color: #6b7788 !important;
    font-size: 13px !important;
    margin: 0 !important;
    order: 2;
    padding: 30px 26px 0 !important;
    position: relative;
    z-index: 2;
}

.natreb-blog-grid .elementor-post__text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 0 !important;
    min-height: 220px;
    order: 3;
    overflow: hidden;
    padding: 9px 26px 30px !important;
    position: relative;
    z-index: 2;
}

.natreb-blog-grid .elementor-post__title {
    color: #001e43 !important;
    font-size: clamp(20px, 1.28vw, 25px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    margin: 0 0 18px !important;
    transition: color .3s ease;
}

.natreb-blog-grid .elementor-post__title a {
    color: inherit !important;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__title,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__title {
    color: #ff4c00 !important;
}

.natreb-blog-grid .elementor-post__read-more {
    align-items: center;
    color: #ff4c00 !important;
    display: inline-flex;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .025em;
    margin-top: auto;
    padding-top: 22px;
    text-transform: uppercase;
}

.natreb-blog-grid .elementor-post__text::after {
    background: linear-gradient(90deg, #ff4c00 0%, #ffb092 50%, #ff4c00 100%);
    bottom: 0;
    box-shadow: 0 0 12px rgba(255, 76, 0, .42);
    content: "";
    height: 4px;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .72s cubic-bezier(.22, .61, .36, 1);
    width: 100%;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__text::after,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__text::after {
    transform: scaleX(1);
}

@media (max-width: 1024px) {
    .natreb-blog-grid .elementor-posts-container {
        column-gap: 22px !important;
        grid-column-gap: 22px !important;
        grid-row-gap: 26px !important;
        row-gap: 26px !important;
    }

    .natreb-blog-grid .elementor-post__text {
        min-height: 200px;
    }
}

@media (max-width: 767px) {
    .natreb-blog-grid .elementor-posts-container {
        grid-row-gap: 22px !important;
        row-gap: 22px !important;
    }

    .natreb-blog-grid .elementor-post__card {
        --natreb-blog-cut: 14px;
    }

    .natreb-blog-grid .elementor-post__meta-data {
        padding: 28px 20px 0 !important;
    }

    .natreb-blog-grid .elementor-post__text {
        min-height: 0;
        padding: 9px 20px 26px !important;
    }

    .natreb-blog-grid .elementor-post__title {
        font-size: 20px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .natreb-blog-grid .elementor-post__card,
    .natreb-blog-grid .elementor-post__card::before,
    .natreb-blog-grid .elementor-post__thumbnail img,
    .natreb-blog-grid .elementor-post__thumbnail::before,
    .natreb-blog-grid .elementor-post__thumbnail::after,
    .natreb-blog-grid .elementor-post__title,
    .natreb-blog-grid .elementor-post__text::after {
        transition-duration: .01ms !important;
    }
}

/*
 * Post avulso: cabeçalho editorial e área de leitura baseados nos grafismos
 * técnicos do manual Natreb. O conteúdo original não é reescrito.
 */
body.natreb-single-post #pxl-main {
    background: #000d25;
}

body.natreb-single-post #comments,
body.natreb-single-post .comments-area,
body.natreb-single-post .comment-respond,
body.natreb-single-post .comments-title {
    display: none !important;
}

body.natreb-single-post #pxl-content-area.pxl-content-post {
    flex: 0 0 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.natreb-single-post #pxl-content-main,
body.natreb-single-post .pxl-single-post,
body.natreb-single-post .single-post-inner {
    max-width: 100% !important;
    width: 100% !important;
}

body.natreb-single-post .single-post-inner {
    padding: 58px 0 84px;
}

body.natreb-single-post .post-metas,
body.natreb-single-post .post-image.post-featured {
    display: none !important;
}

body.natreb-single-post .post-content {
    overflow: visible !important;
}

.natreb-single-hero {
    --natreb-single-cut: 28px;
    background: #001e43;
    clip-path: polygon(
        var(--natreb-single-cut) 0,
        100% 0,
        100% calc(100% - 52px),
        calc(100% - 52px) 100%,
        0 100%,
        0 var(--natreb-single-cut)
    );
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    isolation: isolate;
    margin: 0 auto;
    max-width: 1170px;
    min-height: 530px;
    overflow: hidden;
    position: relative;
}

.natreb-single-hero::before {
    background: linear-gradient(135deg, #e0f0f0 0 72%, #ff4c00 72% 100%);
    clip-path: inherit;
    content: "";
    inset: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    z-index: 8;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.natreb-single-hero::after {
    background: #ff4c00;
    content: "";
    height: 3px;
    pointer-events: none;
    position: absolute;
    right: 25px;
    top: 0;
    transform: skewX(45deg);
    transform-origin: top right;
    width: 35%;
    z-index: 7;
}

.natreb-single-hero__copy {
    align-self: center;
    padding: 64px 58px 68px;
    position: relative;
    z-index: 2;
}

.natreb-single-hero__eyebrow {
    align-items: center;
    color: #ff4c00;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 12px;
    letter-spacing: .1em;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.natreb-single-hero__eyebrow::before {
    background: #ff4c00;
    content: "";
    height: 3px;
    width: 34px;
}

.natreb-single-hero__eyebrow a {
    color: inherit !important;
    text-decoration: none !important;
}

.natreb-single-hero__title {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -.025em;
    line-height: 1.18 !important;
    margin: 0 !important;
    max-width: 760px;
}

.natreb-single-hero__meta {
    align-items: center;
    color: #e0f0f0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 12px 24px;
    margin-top: 30px;
}

.natreb-single-hero__meta > * {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.natreb-single-hero__meta > *::before {
    background: #ff4c00;
    clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
    content: "";
    height: 9px;
    width: 12px;
}

.natreb-single-hero__media {
    align-self: stretch;
    background: #fff;
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 34px), calc(100% - 34px) 100%, 0 100%, 0 20px);
    margin: 24px 24px 24px 0;
    min-height: 420px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.natreb-single-hero__image {
    height: 100% !important;
    inset: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100% !important;
}

.natreb-single-hero__media--empty {
    background:
        linear-gradient(135deg, transparent 0 48%, rgba(255, 76, 0, .92) 48% 51%, transparent 51%),
        #e0f0f0;
}

.natreb-single-article-body {
    --natreb-body-cut: 22px;
    background: #fff;
    clip-path: polygon(
        var(--natreb-body-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-body-cut)),
        calc(100% - var(--natreb-body-cut)) 100%,
        0 100%,
        0 var(--natreb-body-cut)
    );
    color: #5e6673;
    font-size: 18px;
    line-height: 1.75;
    margin: 46px auto 0;
    max-width: 940px;
    padding: 64px 74px 76px;
    position: relative;
}

.natreb-single-article-body::before {
    background: linear-gradient(135deg, #dce8eb 0 80%, #ff4c00 80% 100%);
    clip-path: inherit;
    content: "";
    inset: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    z-index: 3;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.natreb-single-article-body > * {
    position: relative;
    z-index: 2;
}

.natreb-single-article-body > :first-child {
    margin-top: 0 !important;
}

.natreb-single-article-body > :last-child {
    margin-bottom: 0 !important;
}

.natreb-single-article-body p {
    margin: 0 0 22px;
}

.natreb-single-article-body strong,
.natreb-single-article-body b {
    color: #001e43;
    font-weight: 700;
}

.natreb-single-article-body h2,
.natreb-single-article-body h3,
.natreb-single-article-body h4 {
    color: #001e43 !important;
    font-weight: 700 !important;
    letter-spacing: -.015em;
    line-height: 1.14 !important;
    margin: 48px 0 22px !important;
    padding-left: 22px;
    position: relative;
}

.natreb-single-article-body h2 {
    font-size: clamp(30px, 3vw, 42px) !important;
}

.natreb-single-article-body h3 {
    font-size: clamp(26px, 2.4vw, 34px) !important;
}

.natreb-single-article-body h4 {
    font-size: 24px !important;
}

.natreb-single-article-body h2::before,
.natreb-single-article-body h3::before,
.natreb-single-article-body h4::before {
    background: #ff4c00;
    clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
    content: "";
    height: 100%;
    left: 0;
    max-height: 46px;
    position: absolute;
    top: 2px;
    width: 6px;
}

.natreb-single-article-body a {
    color: #ff4c00;
    font-weight: 600;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.natreb-single-article-body ul,
.natreb-single-article-body ol {
    margin: 0 0 28px;
    padding-left: 1.35em;
}

.natreb-single-article-body li {
    margin-bottom: 11px;
    padding-left: 7px;
}

.natreb-single-article-body li::marker {
    color: #ff4c00;
    font-weight: 700;
}

.natreb-single-article-body blockquote {
    background: #001e43;
    border: 0;
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
    color: #e0f0f0;
    margin: 34px 0;
    padding: 30px 34px 30px 40px;
    position: relative;
}

.natreb-single-article-body blockquote::before {
    background: #ff4c00;
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: 5px;
}

.natreb-single-article-body blockquote p:last-child {
    margin-bottom: 0;
}

.natreb-single-article-body img {
    border-radius: 0 !important;
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    height: auto;
    max-width: 100%;
}

.natreb-single-article-body table {
    border-collapse: collapse;
    margin: 30px 0;
    width: 100%;
}

.natreb-single-article-body th {
    background: #001e43;
    color: #fff;
}

.natreb-single-article-body th,
.natreb-single-article-body td {
    border: 1px solid #dce8eb;
    padding: 13px 15px;
    text-align: left;
}

@media (max-width: 1024px) {
    body.natreb-single-post .single-post-inner {
        padding: 42px 0 64px;
    }

    .natreb-single-hero {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
        min-height: 470px;
    }

    .natreb-single-hero__copy {
        padding: 48px 40px 52px;
    }

    .natreb-single-hero__media {
        min-height: 370px;
    }

    .natreb-single-article-body {
        max-width: 880px;
        padding: 54px 56px 66px;
    }
}

@media (max-width: 767px) {
    body.natreb-single-post .single-post-inner {
        padding: 24px 0 46px;
    }

    .natreb-single-hero {
        --natreb-single-cut: 18px;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .natreb-single-hero__copy {
        order: 2;
        padding: 34px 24px 42px;
    }

    .natreb-single-hero__title {
        font-size: clamp(32px, 10vw, 43px) !important;
    }

    .natreb-single-hero__media {
        aspect-ratio: 1 / 1;
        margin: 16px 16px 0;
        min-height: 0;
        order: 1;
    }

    .natreb-single-article-body {
        --natreb-body-cut: 16px;
        font-size: 17px;
        margin-top: 24px;
        padding: 38px 24px 48px;
    }

    .natreb-single-article-body h2,
    .natreb-single-article-body h3,
    .natreb-single-article-body h4 {
        margin-top: 38px !important;
        padding-left: 18px;
    }

    .natreb-single-article-body h2 {
        font-size: 30px !important;
    }

    .natreb-single-article-body h3 {
        font-size: 26px !important;
    }
}

.natreb-product-modal.is-open {
    opacity: 1;
    pointer-events: auto;
}

.natreb-product-modal__backdrop {
    background: rgba(4, 20, 42, .78);
    inset: 0;
    position: absolute;
}

.natreb-product-modal__dialog {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .35);
    box-sizing: border-box;
    max-height: calc(100vh - 40px);
    max-width: 1240px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 36px 28px 28px;
    position: relative;
    touch-action: pan-y;
    width: calc(100vw - 40px);
}

.natreb-product-modal__close {
    align-items: center;
    background: #062d57;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 4px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 38px;
    z-index: 2;
}

@supports (clip-path: polygon(0 0)) {
    .natreb-product-modal__dialog {
        --natreb-popup-cut: 20px;
        clip-path: polygon(
            var(--natreb-popup-cut) 0,
            100% 0,
            100% calc(100% - var(--natreb-popup-cut)),
            calc(100% - var(--natreb-popup-cut)) 100%,
            0 100%,
            0 var(--natreb-popup-cut)
        );
    }

    .natreb-product-modal__close {
        clip-path: polygon(9px 0, 100% 0, 100% 29px, 29px 100%, 0 100%, 0 9px);
    }

    .natreb-product-modal .gform_wrapper form,
    .single-produtos .gform_wrapper form {
        --natreb-form-cut: 15px;
        background: transparent;
        border: 0;
        border-radius: 0;
        clip-path: polygon(
            var(--natreb-form-cut) 0,
            100% 0,
            100% calc(100% - var(--natreb-form-cut)),
            calc(100% - var(--natreb-form-cut)) 100%,
            0 100%,
            0 var(--natreb-form-cut)
        );
        isolation: isolate;
        position: relative;
    }

    .natreb-product-modal .gform_wrapper form::before,
    .natreb-product-modal .gform_wrapper form::after,
    .single-produtos .gform_wrapper form::before,
    .single-produtos .gform_wrapper form::after {
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }

    .natreb-product-modal .gform_wrapper form::before,
    .single-produtos .gform_wrapper form::before {
        background: #dce5ee;
        z-index: 0;
    }

    .natreb-product-modal .gform_wrapper form::after,
    .single-produtos .gform_wrapper form::after {
        background: #fbfcfd;
        clip-path: polygon(
            calc(var(--natreb-form-cut) - 1px) 0,
            100% 0,
            100% calc(100% - var(--natreb-form-cut) + 1px),
            calc(100% - var(--natreb-form-cut) + 1px) 100%,
            0 100%,
            0 calc(var(--natreb-form-cut) - 1px)
        );
        inset: 1px;
        z-index: 1;
    }

    .natreb-product-modal .gform_wrapper form > *,
    .single-produtos .gform_wrapper form > * {
        position: relative;
        z-index: 2;
    }

    .natreb-product-modal .gform_wrapper input:not([type="hidden"]),
    .natreb-product-modal .gform_wrapper select,
    .natreb-product-modal .gform_wrapper textarea,
    .single-produtos .gform_wrapper input:not([type="hidden"]),
    .single-produtos .gform_wrapper select,
    .single-produtos .gform_wrapper textarea {
        border-radius: 0 !important;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    }

    .natreb-product-modal .gform_button,
    .single-produtos .gform_button {
        border-radius: 0 !important;
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    }
}

.natreb-product-modal__loading,
.natreb-product-modal__error {
    color: #062d57;
    margin: 60px 0;
    text-align: center;
}

html.natreb-product-modal-open,
body.natreb-product-modal-open {
    overflow: hidden !important;
}

.natreb-product-categories {
    color: #667085;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.5;
    margin: 2px 0 8px;
}

.natreb-product-categories a {
    color: #f15a24;
    text-decoration: none;
}

.natreb-product-categories a:hover {
    color: #062d57;
}

.natreb-product-modal .elementor-widget-video .elementor-wrapper,
.single-produtos .elementor-widget-video .elementor-wrapper {
    aspect-ratio: 16 / 9;
    background: #061a30;
    border: 1px solid rgba(6, 45, 87, .12);
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(6, 45, 87, .16);
    overflow: hidden;
}

.natreb-product-modal .elementor-widget-video iframe,
.natreb-product-modal .elementor-widget-video video,
.single-produtos .elementor-widget-video iframe,
.single-produtos .elementor-widget-video video {
    border: 0;
    height: 100% !important;
    width: 100% !important;
}

.natreb-product-modal .gform_wrapper fieldset.gfield,
.single-produtos .gform_wrapper fieldset.gfield {
    border: 0;
    margin: 0;
    padding: 0;
}

.natreb-product-modal .gform_wrapper form,
.single-produtos .gform_wrapper form {
    background: #fbfcfd;
    border: 1px solid #e7edf3;
    border-radius: 16px;
    box-sizing: border-box;
    margin-inline: auto;
    max-width: 920px;
    padding: 26px 28px;
}

.natreb-product-modal .gform_wrapper .gform_fields,
.single-produtos .gform_wrapper .gform_fields {
    column-gap: 18px !important;
    row-gap: 20px !important;
}

.natreb-product-modal .gform_wrapper .gfield_label,
.single-produtos .gform_wrapper .gfield_label {
    color: #26384a;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 7px !important;
}

.natreb-product-modal .gform_wrapper .ginput_complex,
.single-produtos .gform_wrapper .ginput_complex {
    display: grid !important;
    gap: 14px 18px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.natreb-product-modal .gform_wrapper .ginput_complex > span,
.single-produtos .gform_wrapper .ginput_complex > span {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.natreb-product-modal .gform_wrapper .ginput_complex label,
.single-produtos .gform_wrapper .ginput_complex label {
    color: #667085;
    font-size: 13px !important;
    margin: 6px 2px 0 !important;
}

.natreb-product-modal .gform_wrapper input:not([type="submit"]),
.natreb-product-modal .gform_wrapper select,
.natreb-product-modal .gform_wrapper textarea,
.single-produtos .gform_wrapper input:not([type="submit"]),
.single-produtos .gform_wrapper select,
.single-produtos .gform_wrapper textarea {
    background: #f5f7f9 !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    height: 48px !important;
    min-height: 48px;
    padding-inline: 18px !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.natreb-product-modal .gform_wrapper textarea,
.single-produtos .gform_wrapper textarea {
    height: auto !important;
    min-height: 120px;
    padding-block: 14px !important;
}

.natreb-product-modal .gform_wrapper input:focus,
.natreb-product-modal .gform_wrapper select:focus,
.natreb-product-modal .gform_wrapper textarea:focus,
.single-produtos .gform_wrapper input:focus,
.single-produtos .gform_wrapper select:focus,
.single-produtos .gform_wrapper textarea:focus {
    border-color: #f15a24 !important;
    box-shadow: 0 0 0 3px rgba(241, 90, 36, .12) !important;
    outline: 0;
}

.natreb-product-modal .natreb-desired-product-field input {
    background: #eef3f8 !important;
    color: #062d57;
    font-weight: 700;
}

.natreb-product-modal .gform_button,
.single-produtos .gform_button {
    background: #062d57 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    cursor: pointer;
    font-weight: 700 !important;
    min-height: 50px;
    padding: 0 28px !important;
}

.natreb-product-modal .gform_button:hover,
.single-produtos .gform_button:hover {
    background: #f15a24 !important;
}

.natreb-product-modal .gform_wrapper .gform_footer,
.single-produtos .gform_wrapper .gform_footer {
    margin-top: 22px !important;
    padding: 0 !important;
}

@supports (clip-path: polygon(0 0)) {
    .natreb-product-modal .gform_wrapper form,
    .single-produtos .gform_wrapper form {
        background: transparent;
        border: 0;
        border-radius: 0;
    }

    .natreb-product-modal .gform_wrapper input:not([type="hidden"]),
    .natreb-product-modal .gform_wrapper select,
    .natreb-product-modal .gform_wrapper textarea,
    .single-produtos .gform_wrapper input:not([type="hidden"]),
    .single-produtos .gform_wrapper select,
    .single-produtos .gform_wrapper textarea,
    .natreb-product-modal .gform_button,
    .single-produtos .gform_button {
        border-radius: 0 !important;
    }

    .natreb-product-modal .elementor-widget-video .elementor-wrapper,
    .single-produtos .elementor-widget-video .elementor-wrapper {
        border: 0;
        border-radius: 0;
        clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
    }
}

@media (max-width: 767px) {
    .natreb-product-modal__dialog {
        border-radius: 0;
        max-height: calc(100vh - 20px);
        padding: 48px 16px 20px;
        width: calc(100vw - 20px);
    }

    .natreb-product-modal .gform_wrapper form,
    .single-produtos .gform_wrapper form {
        border-radius: 0;
        padding: 20px 16px;
    }

    .natreb-product-modal .gform_wrapper .ginput_complex,
    .single-produtos .gform_wrapper .ginput_complex {
        grid-template-columns: 1fr !important;
    }
}

/* Header-NATREB: identidade visual técnica, limpa e responsiva. */
/* Header inicial: sobreposto ao Hero e sem placa de fundo. */
#pxl-header-elementor {
    position: absolute !important;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
}

body.admin-bar #pxl-header-elementor {
    top: 32px;
}

#pxl-header-elementor .pxl-header-elementor-main,
#pxl-header-elementor .pxl-header-content,
#pxl-header-elementor .elementor-element-321ce17,
#pxl-header-elementor .elementor-element-321ce17 > .elementor-background-overlay,
#pxl-header-elementor .pxl-header-mobile-default {
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Mantem o conteudo no lugar enquanto o fundo do Hero sobe sob o menu. */
#pxl-main > .elementor > :first-child {
    padding-top: 90px !important;
}

@media (max-width: 1200px) {
    #pxl-main > .elementor > :first-child {
        padding-top: 72px !important;
    }
}

@media (max-width: 782px) {
    body.admin-bar #pxl-header-elementor {
        top: 46px;
    }
}

@media (max-width: 480px) {
    #pxl-main > .elementor > :first-child {
        padding-top: 64px !important;
    }
}

@media (min-width: 1201px) {
    #pxl-header-elementor .elementor-element-321ce17 {
        min-height: 90px;
        background: transparent !important;
        border-bottom: 0 !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #pxl-header-elementor .elementor-element-321ce17 > .elementor-container {
        display: grid !important;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 14px;
        width: calc(100% - 32px) !important;
        max-width: 1560px !important;
        min-height: 90px;
        margin-inline: auto !important;
    }

    #pxl-header-elementor .elementor-element-b373681,
    #pxl-header-elementor .elementor-element-8c31521,
    #pxl-header-elementor .elementor-element-ba6d84f,
    #pxl-header-elementor .elementor-element-9f211e6 {
        width: auto !important;
        max-width: none !important;
        min-width: 0;
    }

    #pxl-header-elementor .elementor-element-b373681 > .elementor-widget-wrap {
        display: flex;
        align-items: center;
        padding: 8px 14px 8px 0 !important;
        border: 0 !important;
        background: transparent;
    }

    #pxl-header-elementor .elementor-element-b373681,
    #pxl-header-elementor .elementor-element-6b4b1e7,
    #pxl-header-elementor .elementor-element-6b4b1e7 .elementor-widget-container {
        border: 0 !important;
    }

    #pxl-header-elementor .elementor-element-6b4b1e7,
    #pxl-header-elementor .elementor-element-6b4b1e7 .elementor-widget-container {
        display: flex;
        align-items: center;
        width: 100%;
        line-height: 0 !important;
    }

    #pxl-header-elementor .elementor-element-6b4b1e7 a {
        display: block;
        line-height: 0;
    }

    #pxl-header-elementor .elementor-element-6b4b1e7 img {
        display: block;
        width: min(230px, 100%);
        max-height: 67px;
        object-fit: contain;
        object-position: left center;
    }

    #pxl-header-elementor .elementor-element-8c31521 > .elementor-widget-wrap,
    #pxl-header-elementor .elementor-element-ba6d84f,
    #pxl-header-elementor .elementor-element-ba6d84f > .elementor-container,
    #pxl-header-elementor .elementor-element-9f211e6,
    #pxl-header-elementor .elementor-element-9f211e6 > .elementor-widget-wrap {
        min-height: 90px;
    }

    #pxl-header-elementor .elementor-element-ba6d84f > .elementor-container {
        width: 100% !important;
        max-width: none !important;
    }

    /* A coluna de navegacao ocupa toda a faixa ate o limite de 1560px. */
    #pxl-header-elementor .elementor-element-8c31521,
    #pxl-header-elementor .elementor-element-8c31521 > .elementor-widget-wrap,
    #pxl-header-elementor .elementor-element-ba6d84f,
    #pxl-header-elementor .elementor-element-ba6d84f > .elementor-container,
    #pxl-header-elementor .elementor-element-9f211e6,
    #pxl-header-elementor .elementor-element-9f211e6 > .elementor-widget-wrap {
        width: 100% !important;
        max-width: none !important;
    }

    #pxl-header-elementor .elementor-element-9f211e6 > .elementor-widget-wrap {
        position: relative;
        isolation: isolate;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 64px 188px;
        align-items: stretch;
        align-content: center;
        gap: 12px;
        padding: 0 !important;
    }

    #pxl-header-elementor .elementor-element-9f211e6 > .elementor-widget-wrap::before,
    #pxl-header-elementor .elementor-element-9f211e6 > .elementor-widget-wrap::after {
        content: none;
        display: none;
        position: absolute;
        pointer-events: none;
        clip-path: polygon(12px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
    }

    #pxl-header-elementor .elementor-element-9f211e6 > .elementor-widget-wrap::before {
        z-index: 0;
        inset: 8px 200px 8px 0;
        background: rgba(93, 130, 166, .52);
    }

    #pxl-header-elementor .elementor-element-9f211e6 > .elementor-widget-wrap::after {
        z-index: 1;
        inset: 9px 201px 9px 1px;
        background:
            linear-gradient(110deg, rgba(22, 62, 104, .18), transparent 38%),
            rgba(3, 20, 45, .72);
    }

    #pxl-header-elementor .elementor-element-68cc1eb,
    #pxl-header-elementor .elementor-element-0129ad5,
    #pxl-header-elementor .elementor-element-372801f {
        position: relative;
        z-index: 2;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
    }

    #pxl-header-elementor .elementor-element-68cc1eb,
    #pxl-header-elementor .elementor-element-68cc1eb .elementor-widget-container,
    #pxl-header-elementor .elementor-element-68cc1eb .pxl-nav-menu,
    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary {
        min-width: 0;
        height: 100%;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-nav-menu {
        display: flex !important;
        align-items: center;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(1px, .22vw, 5px);
        height: 100% !important;
        padding: 0 8px 0 14px;
        white-space: nowrap;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li {
        height: auto;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 10px clamp(7px, .48vw, 11px) !important;
        color: rgba(255, 255, 255, .93);
        background: transparent;
        clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
        font-family: "Titillium Web", sans-serif !important;
        font-size: clamp(13.25px, .9vw, 15px) !important;
        font-weight: 600 !important;
        letter-spacing: .01em;
        line-height: 1;
        text-transform: uppercase;
        transition: color .2s ease, background-color .2s ease, transform .2s ease;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > a svg {
        display: none !important;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > a:hover,
    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > a:focus-visible {
        color: #fff;
        background:
            linear-gradient(135deg, rgba(255, 75, 11, .80) 0 4px, transparent 4px),
            rgba(77, 119, 160, .18);
        transform: translateY(-1px);
        outline: none;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > .current-menu-item > a,
    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > .current-menu-ancestor > a {
        color: #ff6530;
        background: rgba(255, 75, 11, .05);
        box-shadow: inset 0 -2px #ff4b0b;
    }

    #pxl-header-elementor .elementor-element-68cc1eb::after {
        content: none;
        display: none;
    }

    #pxl-header-elementor .elementor-element-0129ad5 {
        display: flex;
        align-self: center;
        align-items: center;
        justify-content: center;
        height: 50px;
        min-height: 50px;
        margin: 0 !important;
        border: 0 !important;
    }

    #pxl-header-elementor .elementor-element-0129ad5 .elementor-widget-container,
    #pxl-header-elementor .elementor-element-0129ad5 .pxl-search-popup-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    #pxl-header-elementor .elementor-element-0129ad5 .pxl-search-popup-button {
        color: #fff;
        background: transparent !important;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
        transition: color .2s ease, background-color .2s ease, transform .2s ease;
    }

    #pxl-header-elementor .elementor-element-0129ad5 .pxl-search-popup-button:hover,
    #pxl-header-elementor .elementor-element-0129ad5 .pxl-search-popup-button:focus-visible {
        color: #ff6530;
        background: rgba(255, 75, 11, .08) !important;
        transform: translateY(-1px);
        outline: none;
    }

    #pxl-header-elementor .elementor-element-0129ad5 i {
        color: currentColor !important;
        font-size: 20px;
    }

    #pxl-header-elementor .elementor-element-372801f {
        display: flex;
        align-self: center;
        align-items: stretch;
        justify-content: stretch;
        height: 50px;
        min-height: 50px;
        margin: 0 !important;
        background:
            linear-gradient(135deg, rgba(255, 75, 11, .76) 0 4px, transparent 4px) top left / 14px 14px no-repeat,
            linear-gradient(315deg, rgba(255, 75, 11, .76) 0 4px, transparent 4px) bottom right / 14px 14px no-repeat,
            linear-gradient(180deg, rgba(10, 53, 99, .92), rgba(6, 38, 76, .82));
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        transition: filter .2s ease, transform .2s ease;
    }

    #pxl-header-elementor .elementor-element-372801f:hover {
        filter: brightness(1.14);
        transform: translateY(-1px);
    }

    #pxl-header-elementor .elementor-element-372801f::before {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 3px;
        border: 1px solid rgba(255, 93, 35, .58);
        clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
        pointer-events: none;
    }

    #pxl-header-elementor .elementor-element-372801f::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: calc(50% + 12px);
        bottom: auto;
        width: 42px;
        height: 3px;
        opacity: .86;
        background: repeating-linear-gradient(64deg, #ff4b0b 0 6px, transparent 7px 11px);
        pointer-events: none;
        transform: translateX(-50%);
        transition: width .2s ease, opacity .2s ease;
    }

    #pxl-header-elementor .elementor-element-372801f:hover::after {
        width: 54px;
        opacity: 1;
    }

    #pxl-header-elementor .elementor-element-372801f .elementor-widget-container,
    #pxl-header-elementor .elementor-element-372801f .pxl-button,
    #pxl-header-elementor .elementor-element-372801f .btn {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    #pxl-header-elementor .elementor-element-372801f .btn {
        padding: 0 14px !important;
        border: 0 !important;
        color: #fff !important;
        background: transparent !important;
        box-shadow: none !important;
        font-family: "Oxanium", sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > .sub-menu {
        overflow: hidden;
        padding: 16px 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #0b2a4d;
        background:
            linear-gradient(90deg, #ff4b0b 0 68px, transparent 68px) top left / 100% 2px no-repeat,
            rgba(246, 249, 252, .98) !important;
        clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
        filter: drop-shadow(0 16px 24px rgba(2, 13, 32, .25));
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > .sub-menu > li {
        margin: 0 !important;
        background: transparent !important;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > .sub-menu > li > a {
        min-height: 38px;
        padding: 9px 22px !important;
        color: #0b2a4d !important;
        background: transparent !important;
        font-family: "Titillium Web", sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1.25;
        transition: color .2s ease, background-color .2s ease, padding-left .2s ease;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > .sub-menu > li > a:hover,
    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > .sub-menu > li > a:focus-visible {
        padding-left: 27px !important;
        color: #ff4b0b !important;
        background:
            linear-gradient(135deg, rgba(255, 75, 11, .72) 0 4px, transparent 4px),
            rgba(10, 55, 101, .07) !important;
        outline: none;
    }

    #pxl-header-elementor .elementor-element-68cc1eb .pxl-menu-primary > li > .sub-menu svg {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    #pxl-header-elementor .pxl-header-mobile-default {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100% !important;
        max-width: none !important;
        min-height: 72px;
        padding: 0 16px;
        background: transparent !important;
        border-bottom: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    #pxl-header-elementor .pxl-header-branding {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    #pxl-header-elementor .pxl-header-branding img {
        display: block;
        width: min(190px, 56vw);
        max-height: 46px;
        object-fit: contain;
        object-position: left center;
    }

    #pxl-header-elementor #pxl-nav-mobile {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-left: 14px;
    }

    #pxl-header-elementor .pxl-nav-mobile-button {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 48px;
        height: 44px;
        margin: 0;
        padding: 10px;
        border: 1px solid rgba(138, 174, 207, .48);
        color: #fff;
        background: rgba(6, 38, 76, .78);
        clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
        transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease;
    }

    #pxl-header-elementor .pxl-nav-mobile-button:hover,
    #pxl-header-elementor .pxl-nav-mobile-button:focus-visible {
        color: #ff6530;
        border-color: rgba(255, 100, 43, .76);
        background: rgba(6, 38, 76, .94);
        transform: translateY(-1px);
        outline: none;
    }

    #pxl-header-elementor .pxl-nav-mobile-button .pxl-icon-line {
        position: static;
        display: block;
        width: 23px;
        height: 2px;
        margin: 0;
        background: currentColor;
        clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
        transform: none;
    }
}

@media (max-width: 480px) {
    #pxl-header-elementor .pxl-header-mobile-default {
        min-height: 64px;
        padding-inline: 12px;
    }

    #pxl-header-elementor .pxl-header-branding img {
        width: min(176px, 54vw);
        max-height: 42px;
    }

    #pxl-header-elementor .pxl-nav-mobile-button {
        width: 44px;
        height: 40px;
    }
}

/* =========================================================
   Footer Natreb — linguagem visual técnica e responsiva
   ========================================================= */

#pxl-footer-elementor {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: #03162f;
    border-top: 1px solid rgba(103, 145, 186, .2);
    font-family: "Titillium Web", sans-serif;
}

#pxl-footer-elementor::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .22;
    pointer-events: none;
    background:
        linear-gradient(135deg, transparent 0 47%, rgba(67, 112, 156, .14) 47% 47.15%, transparent 47.15% 100%) right -220px top -320px / 900px 900px no-repeat,
        radial-gradient(circle at 12% 52%, rgba(48, 96, 142, .2) 0 1px, transparent 1px 100%) 0 0 / 36px 36px,
        linear-gradient(90deg, rgba(79, 124, 166, .06) 1px, transparent 1px) 0 0 / 120px 120px,
        linear-gradient(rgba(79, 124, 166, .05) 1px, transparent 1px) 0 0 / 120px 120px;
}

#pxl-footer-elementor .footer-elementor-inner,
#pxl-footer-elementor .footer-elementor-inner > .container,
#pxl-footer-elementor .footer-elementor-inner > .container > .row,
#pxl-footer-elementor .footer-elementor-inner > .container > .row > .col-12 {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

#pxl-footer-elementor .elementor-element-2a12be9 {
    position: relative;
    z-index: 1;
    width: min(calc(100% - 48px), 1560px) !important;
    max-width: 1560px !important;
    margin-inline: auto !important;
    padding: 64px 0 26px !important;
    gap: 42px !important;
    background: transparent !important;
}

#pxl-footer-elementor .elementor-element-a6a3d4c,
#pxl-footer-elementor .elementor-element-5b8ff1c {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#pxl-footer-elementor .elementor-element-a6a3d4c {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px !important;
}

#pxl-footer-elementor .elementor-element-5b8ff1c {
    display: grid !important;
    grid-template-columns: 1.15fr 1fr 1fr;
    gap: 12px;
}

#pxl-footer-elementor .elementor-element-9505b3c,
#pxl-footer-elementor .elementor-element-eedfe83,
#pxl-footer-elementor .elementor-element-4876e60 {
    --width: 100%;
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-self: stretch;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    min-height: 108px;
    margin: 0 !important;
    padding: 22px 26px !important;
    border: 1px solid transparent !important;
    background:
        linear-gradient(125deg, rgba(20, 58, 96, .8), rgba(5, 30, 61, .88)) padding-box,
        linear-gradient(125deg, rgba(92, 142, 189, .52), rgba(255, 75, 11, .22)) border-box !important;
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    transition: transform .22s ease, filter .22s ease;
}

#pxl-footer-elementor .elementor-element-9505b3c::before,
#pxl-footer-elementor .elementor-element-eedfe83::before,
#pxl-footer-elementor .elementor-element-4876e60::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 20px;
    width: 58px;
    height: 3px;
    background: #ff4b0b;
}

#pxl-footer-elementor .elementor-element-9505b3c:hover,
#pxl-footer-elementor .elementor-element-eedfe83:hover,
#pxl-footer-elementor .elementor-element-4876e60:hover {
    filter: brightness(1.12);
    transform: translateY(-3px);
}

#pxl-footer-elementor :is(.elementor-element-da7c3f4, .elementor-element-6235dcc, .elementor-element-444fad5) {
    width: 100% !important;
    max-width: none !important;
}

#pxl-footer-elementor :is(.elementor-element-da7c3f4, .elementor-element-6235dcc, .elementor-element-444fad5) .pxl-item--inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

#pxl-footer-elementor :is(.elementor-element-da7c3f4, .elementor-element-6235dcc, .elementor-element-444fad5) .pxl-item--icon {
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin: 0 !important;
    color: #ff5a1f !important;
    border: 1px solid rgba(255, 91, 31, .48);
    background: rgba(255, 75, 11, .08);
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

#pxl-footer-elementor :is(.elementor-element-da7c3f4, .elementor-element-6235dcc, .elementor-element-444fad5) .pxl-item--icon i {
    color: inherit !important;
    font-size: 17px !important;
}

#pxl-footer-elementor :is(.elementor-element-da7c3f4, .elementor-element-6235dcc, .elementor-element-444fad5) .pxl-item--meta {
    min-width: 0;
}

#pxl-footer-elementor :is(.elementor-element-da7c3f4, .elementor-element-6235dcc, .elementor-element-444fad5) .pxl-item--title {
    margin: 0 !important;
    color: #fff !important;
    letter-spacing: .01em;
    font-family: "Oxanium", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

#pxl-footer-elementor :is(.elementor-element-da7c3f4, .elementor-element-6235dcc, .elementor-element-444fad5) .pxl-item--description {
    margin-top: 4px;
    color: rgba(231, 240, 249, .7) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#pxl-footer-elementor .elementor-element-ac9bf0f {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(220px, 260px) repeat(2, minmax(0, 1fr)) minmax(220px, 1.1fr);
    align-items: start;
    gap: 42px 34px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 42px 42px 26px !important;
    border: 1px solid rgba(92, 142, 189, .26);
    background: linear-gradient(120deg, rgba(12, 43, 78, .66), rgba(3, 24, 51, .72)) !important;
    clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px);
}

#pxl-footer-elementor .elementor-element-ac9bf0f::before {
    content: "";
    position: absolute;
    top: 0;
    left: 42px;
    width: 96px;
    height: 3px;
    background: #ff4b0b;
}

#pxl-footer-elementor .elementor-element-ac9bf0f::after {
    content: "";
    position: absolute;
    right: 34px;
    bottom: 18px;
    width: 78px;
    height: 4px;
    opacity: .44;
    background: repeating-linear-gradient(64deg, #517da8 0 7px, transparent 8px 13px);
}

#pxl-footer-elementor :is(.elementor-element-09b7b96, .elementor-element-4a40734, .elementor-element-44b4be1, .elementor-element-a8ad5af, .elementor-element-fa21e43) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#pxl-footer-elementor :is(.elementor-element-44b4be1, .elementor-element-fa21e43) {
    padding-top: 48px !important;
}

#pxl-footer-elementor .elementor-element-09b7b96 {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    min-height: 205px;
}

#pxl-footer-elementor .elementor-element-9bc4c37 {
    margin: 0 !important;
    padding: 0 !important;
}

#pxl-footer-elementor .elementor-element-9bc4c37 .pxl-logo a {
    display: block;
    line-height: 0;
}

#pxl-footer-elementor .elementor-element-9bc4c37 img {
    display: block;
    width: min(230px, 100%) !important;
    height: auto !important;
    max-height: 70px;
    object-fit: contain;
    object-position: left center;
}

#pxl-footer-elementor .elementor-element-2e7d9e3 {
    margin: 26px 0 0 !important;
}

#pxl-footer-elementor .elementor-element-2e7d9e3 .pxl-icon-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

#pxl-footer-elementor .elementor-element-2e7d9e3 .pxl-icon-list a {
    display: grid !important;
    place-items: center;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    color: #fff !important;
    border: 1px solid rgba(94, 137, 178, .42);
    background: rgba(8, 35, 68, .76) !important;
    clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

#pxl-footer-elementor .elementor-element-2e7d9e3 .pxl-icon-list a:hover {
    color: #fff !important;
    background: #ff4b0b !important;
    transform: translateY(-2px);
}

#pxl-footer-elementor :is(.elementor-element-251d6ff, .elementor-element-146ee0a, .elementor-element-0d271ad) {
    margin: 0 0 20px !important;
}

#pxl-footer-elementor :is(.elementor-element-251d6ff, .elementor-element-146ee0a, .elementor-element-0d271ad) .pxl-item--title {
    position: relative;
    margin: 0 !important;
    padding-left: 0;
    color: #fff !important;
    letter-spacing: .045em;
    text-transform: uppercase;
    font-family: "Oxanium", sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

#pxl-footer-elementor :is(.elementor-element-251d6ff, .elementor-element-146ee0a, .elementor-element-0d271ad) .pxl-item--title::before {
    content: none;
    display: none;
}

#pxl-footer-elementor :is(.elementor-element-667b3d6, .elementor-element-29b8db3, .elementor-element-0dd42f8) {
    margin: 0 !important;
}

#pxl-footer-elementor :is(.elementor-element-667b3d6, .elementor-element-29b8db3, .elementor-element-0dd42f8) ul {
    display: grid;
    gap: 5px;
    margin: 0 !important;
    padding: 0 !important;
}

#pxl-footer-elementor :is(.elementor-element-667b3d6, .elementor-element-29b8db3, .elementor-element-0dd42f8) li {
    margin: 0 !important;
    padding: 0 !important;
}

#pxl-footer-elementor :is(.elementor-element-667b3d6, .elementor-element-29b8db3, .elementor-element-0dd42f8) a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 34px;
    padding: 5px 0 !important;
    color: rgba(226, 237, 247, .75) !important;
    font-family: "Titillium Web", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    transition: color .2s ease, transform .2s ease;
}

#pxl-footer-elementor :is(.elementor-element-667b3d6, .elementor-element-29b8db3, .elementor-element-0dd42f8) a i {
    color: #ff5a1f !important;
    font-size: 9px !important;
    transition: transform .2s ease;
}

#pxl-footer-elementor :is(.elementor-element-667b3d6, .elementor-element-29b8db3, .elementor-element-0dd42f8) a:hover {
    color: #fff !important;
    transform: translateX(5px);
}

#pxl-footer-elementor :is(.elementor-element-667b3d6, .elementor-element-29b8db3, .elementor-element-0dd42f8) a:hover i {
    transform: translateX(2px);
}

#pxl-footer-elementor .elementor-element-d15ec38 {
    width: 100% !important;
    margin: 0 0 20px !important;
}

#pxl-footer-elementor .elementor-element-d15ec38 p {
    max-width: 430px;
    margin: 0;
    color: rgba(226, 237, 247, .7) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

#pxl-footer-elementor .elementor-element-b16f0d7 {
    width: 100% !important;
    margin: 0 !important;
}

#pxl-footer-elementor .elementor-element-b16f0d7 .input-filled {
    position: relative;
}

#pxl-footer-elementor .elementor-element-b16f0d7 input[type="text"] {
    width: 100% !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 70px 0 18px !important;
    color: #fff !important;
    border: 1px solid rgba(91, 139, 184, .48) !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: rgba(2, 19, 42, .8) !important;
    box-shadow: none !important;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
    font-family: "Titillium Web", sans-serif !important;
    font-size: 15px !important;
    transition: border-color .2s ease, background-color .2s ease;
}

#pxl-footer-elementor .elementor-element-b16f0d7 input[type="text"]::placeholder {
    color: rgba(218, 231, 243, .5) !important;
}

#pxl-footer-elementor .elementor-element-b16f0d7 input[type="text"]:focus {
    border-color: rgba(255, 91, 31, .8) !important;
    background: rgba(6, 29, 58, .94) !important;
}

#pxl-footer-elementor .elementor-element-b16f0d7 button[type="submit"] {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    bottom: auto !important;
    display: grid !important;
    place-items: center;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    border: 0 !important;
    background: #ff4b0b !important;
    clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
    transition: filter .2s ease, transform .2s ease;
}

#pxl-footer-elementor .elementor-element-b16f0d7 button[type="submit"]:hover {
    filter: brightness(1.18);
    transform: translateX(2px);
}

#pxl-footer-elementor .elementor-element-000a554 {
    grid-column: 1 / -1;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 42px !important;
    opacity: 1 !important;
}

#pxl-footer-elementor .elementor-element-000a554 .pxl-divider {
    width: 100% !important;
    max-width: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, #ff4b0b 0 68px, rgba(88, 132, 174, .34) 68px 100%) !important;
}

#pxl-footer-elementor .elementor-element-8507ef9 {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 42px !important;
    background: transparent !important;
}

#pxl-footer-elementor :is(.elementor-element-f33f871, .elementor-element-e7b7e6d) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#pxl-footer-elementor :is(.elementor-element-49ec47a, .elementor-element-0b0ce19) {
    margin: 0 !important;
    color: rgba(218, 231, 243, .62) !important;
}

#pxl-footer-elementor :is(.elementor-element-49ec47a, .elementor-element-0b0ce19) p {
    margin: 0 !important;
    color: inherit !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

#pxl-footer-elementor :is(.elementor-element-49ec47a, .elementor-element-0b0ce19) a {
    color: rgba(231, 240, 249, .78) !important;
    transition: color .2s ease;
}

#pxl-footer-elementor :is(.elementor-element-49ec47a, .elementor-element-0b0ce19) a:hover {
    color: #ff5a1f !important;
}

@media (max-width: 1200px) {
    #pxl-footer-elementor .elementor-element-2a12be9 {
        width: min(calc(100% - 32px), 1560px) !important;
        padding-top: 48px !important;
    }

    #pxl-footer-elementor .elementor-element-5b8ff1c {
        grid-template-columns: 1.15fr 1fr 1fr;
    }

    #pxl-footer-elementor .elementor-element-9505b3c {
        grid-column: auto;
    }

    #pxl-footer-elementor .elementor-element-ac9bf0f {
        grid-template-columns: minmax(190px, .9fr) repeat(2, minmax(0, 1fr)) minmax(190px, 1.05fr);
        gap: 32px 22px !important;
        padding: 36px 28px 24px !important;
    }

    #pxl-footer-elementor .elementor-element-000a554,
    #pxl-footer-elementor .elementor-element-8507ef9 {
        padding-inline: 32px !important;
    }

    #pxl-footer-elementor .elementor-element-09b7b96 {
        min-height: 0;
    }
}

@media (max-width: 900px) {
    #pxl-footer-elementor .elementor-element-5b8ff1c {
        grid-template-columns: 1fr 1fr;
    }

    #pxl-footer-elementor .elementor-element-9505b3c {
        grid-column: 1 / -1;
    }

    #pxl-footer-elementor .elementor-element-ac9bf0f {
        grid-template-columns: minmax(190px, .8fr) minmax(0, 1.2fr);
        gap: 28px 34px !important;
    }

    #pxl-footer-elementor .elementor-element-09b7b96 {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    #pxl-footer-elementor .elementor-element-4a40734 {
        grid-column: 2;
        grid-row: 1;
    }

    #pxl-footer-elementor .elementor-element-44b4be1 {
        grid-column: 2;
        grid-row: 2;
        padding-top: 0 !important;
    }

    #pxl-footer-elementor .elementor-element-fa21e43 {
        grid-column: 1 / -1;
        grid-row: 3;
        padding-top: 0 !important;
    }

    #pxl-footer-elementor .elementor-element-0dd42f8 ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px 22px;
    }
}

@media (max-width: 767px) {
    #pxl-footer-elementor .elementor-element-2a12be9 {
        width: calc(100% - 24px) !important;
        padding: 36px 0 18px !important;
        gap: 24px !important;
    }

    #pxl-footer-elementor .elementor-element-5b8ff1c {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    #pxl-footer-elementor .elementor-element-9505b3c {
        grid-column: auto;
    }

    #pxl-footer-elementor :is(.elementor-element-9505b3c, .elementor-element-eedfe83, .elementor-element-4876e60) {
        min-height: 92px;
        padding: 18px !important;
    }

    #pxl-footer-elementor .elementor-element-ac9bf0f {
        grid-template-columns: 1fr;
        gap: 30px !important;
        padding: 32px 22px 24px !important;
    }

    #pxl-footer-elementor :is(.elementor-element-09b7b96, .elementor-element-4a40734, .elementor-element-44b4be1, .elementor-element-fa21e43) {
        grid-column: 1;
        grid-row: auto;
        padding-top: 0 !important;
    }

    #pxl-footer-elementor .elementor-element-0dd42f8 ul {
        grid-template-columns: 1fr;
    }

    #pxl-footer-elementor .elementor-element-9bc4c37 img {
        width: 210px !important;
    }

    #pxl-footer-elementor .elementor-element-8507ef9 {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: -10px !important;
        padding-inline: 22px !important;
        text-align: center;
    }

    #pxl-footer-elementor .elementor-element-000a554 {
        padding-inline: 22px !important;
    }

    #pxl-footer-elementor .elementor-element-e7b7e6d p {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 16px;
    }

    #pxl-footer-elementor .elementor-element-e7b7e6d p a {
        margin: 0 !important;
    }
}

/* =========================================================
   Header Natreb — Sticky Light (template Elementor 10533)
   Isolado do cabeçalho inicial das páginas.
   ========================================================= */

@media (min-width: 1201px) {
    .pxl-header-elementor-sticky {
        background: transparent;
        filter: drop-shadow(0 10px 22px rgba(2, 18, 39, .13));
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-32d5443 {
        min-height: 78px;
        border: 0 !important;
        border-bottom: 1px solid rgba(21, 58, 94, .16) !important;
        background:
            linear-gradient(135deg, transparent 0 47%, rgba(43, 89, 133, .055) 47% 47.18%, transparent 47.18% 100%) right -90px top -260px / 620px 620px no-repeat,
            linear-gradient(90deg, rgba(26, 68, 107, .025) 1px, transparent 1px) right top / 92px 92px,
            rgba(250, 252, 254, .97) !important;
        box-shadow: none !important;
        backdrop-filter: blur(14px);
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-32d5443 > .elementor-container {
        display: grid !important;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 14px;
        width: min(calc(100% - 32px), 1560px) !important;
        max-width: 1560px !important;
        min-height: 78px;
        margin-inline: auto !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 :is(
        .elementor-element-e5205e0,
        .elementor-element-7523b64,
        .elementor-element-ddea16f,
        .elementor-element-6cb3702,
        .elementor-element-2098620,
        .elementor-element-df37877
    ) {
        width: auto !important;
        max-width: none !important;
        min-width: 0;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-ddea16f,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-6cb3702 {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: none !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-e5205e0 {
        position: relative;
        min-height: 78px;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-e5205e0::before {
        content: "";
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 76px;
        height: 3px;
        background: #ff4b0b;
        pointer-events: none;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-e5205e0 > .elementor-widget-wrap {
        display: flex;
        align-items: center;
        min-height: 78px;
        padding: 7px 16px 7px 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-b39278c,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-b39278c .elementor-widget-container {
        display: flex;
        align-items: center;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-b39278c a {
        display: block;
        line-height: 0;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-b39278c img {
        display: block;
        width: min(214px, 100%) !important;
        height: auto !important;
        max-height: 60px;
        object-fit: contain;
        object-position: left center;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-7523b64,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-7523b64 > .elementor-widget-wrap,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-ddea16f,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-ddea16f > .elementor-container,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-6cb3702,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-6cb3702 > .elementor-widget-wrap {
        min-height: 78px;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-7523b64 > .elementor-widget-wrap,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-ddea16f > .elementor-container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-6cb3702 > .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 220px;
        align-content: center;
        align-items: center;
        gap: 12px;
        padding: 0 !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .elementor-widget-container,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-nav-menu,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary {
        min-width: 0;
        height: 100%;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-nav-menu {
        display: flex !important;
        align-items: center;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(1px, .22vw, 5px);
        height: 100% !important;
        margin: 0 !important;
        padding: 0 8px 0 14px !important;
        white-space: nowrap;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li {
        height: auto;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li > a {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 10px clamp(7px, .48vw, 11px) !important;
        color: #143654 !important;
        background: transparent;
        clip-path: polygon(7px 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%, 0 7px);
        letter-spacing: .01em;
        text-transform: uppercase;
        font-family: "Titillium Web", sans-serif !important;
        font-size: clamp(13.25px, .9vw, 15px) !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        transition: color .2s ease, background-color .2s ease, transform .2s ease;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li > a svg {
        display: none !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li > a:hover,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li > a:focus-visible {
        color: #071f3b !important;
        background:
            linear-gradient(135deg, rgba(255, 75, 11, .86) 0 4px, transparent 4px),
            rgba(18, 57, 92, .07);
        transform: translateY(-1px);
        outline: none;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > .current-menu-item > a,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > .current-menu-ancestor > a {
        color: #e93f00 !important;
        background: rgba(255, 75, 11, .045);
        box-shadow: inset 0 -2px 0 #ff4b0b;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li > .sub-menu {
        overflow: hidden;
        padding: 15px 0 17px !important;
        color: #102f4d;
        border: 0 !important;
        border-radius: 0 !important;
        background:
            linear-gradient(90deg, #ff4b0b 0 68px, transparent 68px) left top / 100% 2px no-repeat,
            rgba(250, 252, 254, .985) !important;
        clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
        filter: drop-shadow(0 16px 24px rgba(2, 13, 32, .18));
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li > .sub-menu a {
        color: #173a5b !important;
        font-family: "Titillium Web", sans-serif !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-2098620 .pxl-menu-primary > li > .sub-menu a:hover {
        color: #e93f00 !important;
        background: rgba(255, 75, 11, .055) !important;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877 {
        position: relative;
        isolation: isolate;
        align-self: center;
        display: flex;
        align-items: stretch;
        justify-content: stretch;
        width: 220px !important;
        height: 50px;
        min-height: 50px;
        margin: 0 !important;
        background:
            linear-gradient(135deg, rgba(255, 75, 11, .82) 0 4px, transparent 4px) left top / 14px 14px no-repeat,
            linear-gradient(315deg, rgba(255, 75, 11, .82) 0 4px, transparent 4px) right bottom / 14px 14px no-repeat,
            linear-gradient(180deg, #0c3a66, #06284d);
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
        transition: filter .2s ease, transform .2s ease;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877:hover {
        filter: brightness(1.12);
        transform: translateY(-1px);
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877::before {
        content: "";
        position: absolute;
        z-index: 0;
        inset: 3px;
        border: 1px solid rgba(255, 102, 45, .58);
        clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
        pointer-events: none;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877::after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: calc(50% + 12px);
        width: 42px;
        height: 3px;
        opacity: .9;
        background: repeating-linear-gradient(64deg, #ff4b0b 0 6px, transparent 7px 11px);
        transform: translateX(-50%);
        transition: width .2s ease, opacity .2s ease;
        pointer-events: none;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877:hover::after {
        width: 54px;
        opacity: 1;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877 .elementor-widget-container,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877 .pxl-button,
    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877 .btn {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .pxl-header-elementor-sticky .elementor-10533 .elementor-element-df37877 .btn {
        padding: 0 14px !important;
        color: #fff !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        letter-spacing: .065em;
        text-transform: uppercase;
        font-family: "Oxanium", sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
    }
}

/* ==========================================================
   QUEM SOMOS — SISTEMA VISUAL NATREB
   Escopo exclusivo da página 28.
   ========================================================== */

body.page-id-28 {
    --ntb-about-navy: #001e43;
    --ntb-about-navy-deep: #00142f;
    --ntb-about-blue: #12395c;
    --ntb-about-orange: #ff4b0b;
    --ntb-about-ice: #f4f7f8;
    --ntb-about-line: rgba(29, 74, 112, .22);
}

body.page-id-28 .elementor-28 {
    overflow: clip;
    background: var(--ntb-about-ice);
}

body.page-id-28 .elementor-28 > .elementor-element {
    position: relative;
    isolation: isolate;
}

body.page-id-28 .elementor-28 > .e-con-boxed > .e-con-inner,
body.page-id-28 .elementor-28 > .elementor-section > .elementor-container {
    width: min(1560px, calc(100% - 48px));
    max-width: 1560px !important;
    margin-inline: auto;
}

body.page-id-28 .elementor-28 .elementor-widget-pxl_heading h1,
body.page-id-28 .elementor-28 .elementor-widget-pxl_heading h2,
body.page-id-28 .elementor-28 .elementor-widget-pxl_heading h3,
body.page-id-28 .elementor-28 .elementor-widget-pxl_heading h4,
body.page-id-28 .elementor-28 .pxl-counter-number,
body.page-id-28 .elementor-28 .date {
    font-family: "Oxanium", sans-serif !important;
}

body.page-id-28 .elementor-28 .elementor-widget-pxl_text_editor,
body.page-id-28 .elementor-28 .elementor-widget-text-editor,
body.page-id-28 .elementor-28 .desc {
    font-family: "Titillium Web", sans-serif;
}

/* Hero: uma moldura única, afastada do conteúdo. */
body.page-id-28 .elementor-28 .elementor-element-ecb716a {
    overflow: hidden;
}

body.page-id-28 .elementor-28 .elementor-element-ecb716a > .e-con-inner {
    position: relative;
    z-index: 2;
}

body.page-id-28 .elementor-28 .elementor-element-ecb716a::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: max(24px, calc((100% - 1560px) / 2));
    top: 16%;
    width: min(720px, calc(100% - 48px));
    height: 66%;
    opacity: .78;
    border: 1px solid rgba(107, 160, 202, .25);
    background:
        linear-gradient(135deg, rgba(255, 75, 11, .82) 0 2px, transparent 2px) left top / 28px 28px no-repeat,
        linear-gradient(315deg, rgba(107, 160, 202, .38) 0 2px, transparent 2px) right bottom / 36px 36px no-repeat;
    clip-path: polygon(24px 0, 100% 0, 100% calc(100% - 34px), calc(100% - 34px) 100%, 0 100%, 0 24px);
    pointer-events: none;
}

body.page-id-28 .elementor-28 .elementor-element-ecb716a::after {
    content: "";
    position: absolute;
    z-index: 3;
    left: max(24px, calc((100% - 1560px) / 2 + 34px));
    bottom: 34px;
    width: 124px;
    height: 4px;
    opacity: .92;
    background: repeating-linear-gradient(64deg, var(--ntb-about-orange) 0 10px, transparent 11px 18px);
    pointer-events: none;
}

/* História: painel editorial claro + recorte da imagem. */
body.page-id-28 .elementor-28 .elementor-element-bfa2e22 {
    background:
        linear-gradient(135deg, rgba(18, 57, 92, .045) 0 1px, transparent 1px) 0 0 / 52px 52px,
        #fff;
}

body.page-id-28 .elementor-28 .elementor-element-4bd1470 {
    position: relative;
    z-index: 2;
}

body.page-id-28 .elementor-28 .elementor-element-4bd1470::before {
    content: "";
    position: absolute;
    left: -28px;
    top: 2px;
    width: 3px;
    height: 82px;
    background: linear-gradient(var(--ntb-about-orange) 0 44px, rgba(18, 57, 92, .22) 44px);
}

body.page-id-28 .elementor-28 .elementor-element-4bd1470::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -30px -42px;
    border: 1px solid var(--ntb-about-line);
    background: rgba(255, 255, 255, .72);
    clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%, 0 18px);
    pointer-events: none;
}

body.page-id-28 .elementor-28 .elementor-element-2d22076 {
    position: relative;
    overflow: hidden;
    clip-path: polygon(26px 0, 100% 0, 100% calc(100% - 42px), calc(100% - 42px) 100%, 0 100%, 0 26px);
    filter: drop-shadow(0 18px 32px rgba(0, 30, 67, .16));
}

body.page-id-28 .elementor-28 .elementor-element-2d22076::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255, 255, 255, .42);
    background: linear-gradient(90deg, var(--ntb-about-orange) 0 74px, transparent 74px) left top / 100% 3px no-repeat;
    clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 18px);
    pointer-events: none;
}

/* Indicadores: três módulos que se encaixam visualmente. */
body.page-id-28 .elementor-28 .elementor-element-4e45ce4 {
    padding-block: 22px;
    background:
        linear-gradient(90deg, rgba(86, 143, 187, .13) 1px, transparent 1px) 0 0 / 96px 100%,
        linear-gradient(180deg, #052b54, var(--ntb-about-navy));
}

body.page-id-28 .elementor-28 .elementor-element-cb53064 > .e-con-inner {
    width: min(1560px, calc(100% - 48px));
    max-width: 1560px !important;
    gap: 16px;
}

body.page-id-28 .elementor-28 .elementor-element-4e45ce4 .elementor-widget-pxl_counter {
    position: relative;
    overflow: hidden;
    min-height: 94px;
    padding: 18px 24px;
    border: 1px solid rgba(117, 169, 210, .26);
    background:
        linear-gradient(135deg, rgba(255, 75, 11, .75) 0 4px, transparent 4px) left top / 18px 18px no-repeat,
        linear-gradient(120deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .015));
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}

body.page-id-28 .elementor-28 .elementor-element-4e45ce4 .elementor-widget-pxl_counter:hover {
    z-index: 2;
    border-color: rgba(255, 75, 11, .68);
    transform: translateY(-3px);
}

/* Essência: cards leves com um único chanfro e uma régua superior. */
body.page-id-28 .elementor-28 .elementor-element-e9bc69d {
    background:
        linear-gradient(135deg, transparent 0 46%, rgba(18, 57, 92, .035) 46% 47%, transparent 47% 100%) 0 0 / 76px 76px,
        #f6f8fa;
}

body.page-id-28 .elementor-28 .elementor-element-fc3ab6e,
body.page-id-28 .elementor-28 .elementor-element-38545cc,
body.page-id-28 .elementor-28 .elementor-element-de0b227 {
    position: relative;
    overflow: hidden;
    padding: 34px 30px 30px !important;
    border: 1px solid rgba(18, 57, 92, .17);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 16px 38px rgba(0, 30, 67, .055);
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.page-id-28 .elementor-28 .elementor-element-fc3ab6e::after,
body.page-id-28 .elementor-28 .elementor-element-38545cc::after,
body.page-id-28 .elementor-28 .elementor-element-de0b227::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 72px;
    height: 3px;
    background: linear-gradient(90deg, var(--ntb-about-orange) 0 48px, rgba(18, 57, 92, .2) 48px);
    transition: width .22s ease;
}

body.page-id-28 .elementor-28 .elementor-element-fc3ab6e:hover,
body.page-id-28 .elementor-28 .elementor-element-38545cc:hover,
body.page-id-28 .elementor-28 .elementor-element-de0b227:hover {
    border-color: rgba(255, 75, 11, .42);
    box-shadow: 0 20px 44px rgba(0, 30, 67, .1);
    transform: translateY(-4px);
}

body.page-id-28 .elementor-28 .elementor-element-fc3ab6e:hover::after,
body.page-id-28 .elementor-28 .elementor-element-38545cc:hover::after,
body.page-id-28 .elementor-28 .elementor-element-de0b227:hover::after {
    width: 108px;
}

/* Pilares: módulos escuros translúcidos sem competir com o texto. */
body.page-id-28 .elementor-28 .elementor-element-e263647 {
    overflow: hidden;
}

body.page-id-28 .elementor-28 .elementor-element-e263647::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .42;
    background:
        linear-gradient(90deg, rgba(96, 151, 196, .11) 1px, transparent 1px) 0 0 / 132px 100%,
        linear-gradient(135deg, transparent 0 48%, rgba(96, 151, 196, .08) 48% 49%, transparent 49% 100%) 0 0 / 92px 92px;
    pointer-events: none;
}

body.page-id-28 .elementor-28 .elementor-element-83a5798,
body.page-id-28 .elementor-28 .elementor-element-4b6f98f,
body.page-id-28 .elementor-28 .elementor-element-e3cb774,
body.page-id-28 .elementor-28 .elementor-element-649e149 {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 30px 28px !important;
    border: 1px solid rgba(115, 169, 211, .25);
    background: linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018));
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 16px);
    transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}

body.page-id-28 .elementor-28 .elementor-element-83a5798::after,
body.page-id-28 .elementor-28 .elementor-element-4b6f98f::after,
body.page-id-28 .elementor-28 .elementor-element-e3cb774::after,
body.page-id-28 .elementor-28 .elementor-element-649e149::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 16px;
    width: 34px;
    height: 3px;
    opacity: .68;
    background: repeating-linear-gradient(64deg, var(--ntb-about-orange) 0 5px, transparent 6px 10px);
}

body.page-id-28 .elementor-28 .elementor-element-83a5798:hover,
body.page-id-28 .elementor-28 .elementor-element-4b6f98f:hover,
body.page-id-28 .elementor-28 .elementor-element-e3cb774:hover,
body.page-id-28 .elementor-28 .elementor-element-649e149:hover {
    border-color: rgba(255, 75, 11, .58);
    background-color: rgba(255, 255, 255, .035);
    transform: translateY(-4px);
}

body.page-id-28 .elementor-28 .elementor-element-eab7dde {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 75, 11, .43);
    background:
        linear-gradient(135deg, rgba(255, 75, 11, .13), transparent 38%),
        rgba(2, 24, 53, .78);
    clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px);
}

body.page-id-28 .elementor-28 .elementor-element-ac5f145 .btn,
body.page-id-28 .elementor-28 .elementor-element-ac5f145 .pxl-button {
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
}

/* Sustentabilidade: recorte único envolvendo texto e imagem. */
body.page-id-28 .elementor-28 .elementor-element-2400ac9 {
    padding: 70px 24px;
    background:
        linear-gradient(135deg, rgba(18, 57, 92, .04) 0 1px, transparent 1px) 0 0 / 62px 62px,
        #eef3f6;
}

body.page-id-28 .elementor-28 .elementor-element-2400ac9 > .elementor-container {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(18, 57, 92, .2);
    background: #fff;
    box-shadow: 0 22px 54px rgba(0, 30, 67, .1);
    clip-path: polygon(26px 0, 100% 0, 100% calc(100% - 38px), calc(100% - 38px) 100%, 0 100%, 0 26px);
}

body.page-id-28 .elementor-28 .elementor-element-2400ac9 > .elementor-container::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 112px;
    height: 3px;
    background: linear-gradient(90deg, var(--ntb-about-orange) 0 74px, rgba(18, 57, 92, .2) 74px);
}

/* Linha do tempo: imagens e textos como peças complementares. */
body.page-id-28 .elementor-28 .elementor-element-a665c61 {
    background:
        linear-gradient(90deg, rgba(18, 57, 92, .035) 1px, transparent 1px) 0 0 / 124px 100%,
        #fff;
}

body.page-id-28 .elementor-28 .elementor-element-543c34d .entry-body {
    position: relative;
}

body.page-id-28 .elementor-28 .elementor-element-543c34d .pxl-item--image {
    overflow: hidden;
    background: var(--ntb-about-navy);
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%, 0 20px);
    filter: drop-shadow(0 16px 26px rgba(0, 30, 67, .15));
}

body.page-id-28 .elementor-28 .elementor-element-543c34d .pxl-item--image img {
    transition: transform .45s ease, filter .45s ease;
}

body.page-id-28 .elementor-28 .elementor-element-543c34d .entry-body:hover .pxl-item--image img {
    filter: saturate(1.08) contrast(1.03);
    transform: scale(1.025);
}

body.page-id-28 .elementor-28 .elementor-element-543c34d .wrap-content {
    position: relative;
    padding: 28px 30px !important;
    border: 1px solid rgba(18, 57, 92, .18);
    background:
        linear-gradient(135deg, rgba(255, 75, 11, .68) 0 3px, transparent 3px) left top / 16px 16px no-repeat,
        rgba(248, 250, 251, .96);
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 14px);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

body.page-id-28 .elementor-28 .elementor-element-543c34d .entry-body:hover .wrap-content {
    border-color: rgba(255, 75, 11, .43);
    box-shadow: 0 16px 34px rgba(0, 30, 67, .08);
    transform: translateY(-3px);
}

body.page-id-28 .elementor-28 .elementor-element-543c34d .date {
    color: var(--ntb-about-orange);
}

/* Representantes: fechamento editorial antes do rodapé. */
body.page-id-28 .elementor-28 .elementor-element-a67173f {
    padding: 56px 24px;
    background: #f4f7f8;
}

body.page-id-28 .elementor-28 .elementor-element-a67173f > .elementor-container {
    position: relative;
    padding: 42px 54px;
    border: 1px solid rgba(18, 57, 92, .2);
    background:
        linear-gradient(135deg, rgba(18, 57, 92, .045) 0 1px, transparent 1px) 0 0 / 48px 48px,
        #fff;
    clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%, 0 18px);
}

body.page-id-28 .elementor-28 .elementor-element-a67173f > .elementor-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
    height: 3px;
    background: var(--ntb-about-orange);
}

@media (max-width: 1024px) {
    body.page-id-28 .elementor-28 > .e-con-boxed > .e-con-inner,
    body.page-id-28 .elementor-28 > .elementor-section > .elementor-container,
    body.page-id-28 .elementor-28 .elementor-element-cb53064 > .e-con-inner {
        width: min(100% - 36px, 1560px);
    }

    body.page-id-28 .elementor-28 .elementor-element-4bd1470::after {
        inset: -22px -24px;
    }

    body.page-id-28 .elementor-28 .elementor-element-83a5798,
    body.page-id-28 .elementor-28 .elementor-element-4b6f98f,
    body.page-id-28 .elementor-28 .elementor-element-e3cb774,
    body.page-id-28 .elementor-28 .elementor-element-649e149 {
        padding: 24px 22px !important;
    }
}

@media (max-width: 767px) {
    body.page-id-28 .elementor-28 > .e-con-boxed > .e-con-inner,
    body.page-id-28 .elementor-28 > .elementor-section > .elementor-container,
    body.page-id-28 .elementor-28 .elementor-element-cb53064 > .e-con-inner {
        width: min(100% - 28px, 1560px);
    }

    body.page-id-28 .elementor-28 .elementor-element-ecb716a::before {
        top: 12%;
        left: 14px;
        width: calc(100% - 28px);
        height: 70%;
        opacity: .5;
        clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 14px);
    }

    body.page-id-28 .elementor-28 .elementor-element-ecb716a::after {
        left: 28px;
        bottom: 24px;
        width: 78px;
    }

    body.page-id-28 .elementor-28 .elementor-element-4bd1470::before {
        left: -14px;
        height: 62px;
    }

    body.page-id-28 .elementor-28 .elementor-element-4bd1470::after {
        inset: -16px -14px;
    }

    body.page-id-28 .elementor-28 .elementor-element-fc3ab6e,
    body.page-id-28 .elementor-28 .elementor-element-38545cc,
    body.page-id-28 .elementor-28 .elementor-element-de0b227,
    body.page-id-28 .elementor-28 .elementor-element-83a5798,
    body.page-id-28 .elementor-28 .elementor-element-4b6f98f,
    body.page-id-28 .elementor-28 .elementor-element-e3cb774,
    body.page-id-28 .elementor-28 .elementor-element-649e149 {
        padding: 24px 20px !important;
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    }

    body.page-id-28 .elementor-28 .elementor-element-2400ac9,
    body.page-id-28 .elementor-28 .elementor-element-a67173f {
        padding: 38px 14px;
    }

    body.page-id-28 .elementor-28 .elementor-element-a67173f > .elementor-container {
        padding: 28px 22px;
    }

    body.page-id-28 .elementor-28 .elementor-element-543c34d .wrap-content {
        padding: 22px 20px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.page-id-28 .elementor-28 *,
    body.page-id-28 .elementor-28 *::before,
    body.page-id-28 .elementor-28 *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* Fechamento estrutural: remove o vão claro entre o conteúdo e o rodapé. */
#pxl-main {
    padding-bottom: 0 !important;
}



/* =========================================================
   PILOTO PRODUTO 1598 — navegação interna do pop-up
   ========================================================= */
.natreb-product-modal__content.natreb-product-pilot {
    --natreb-product-nav-navy: #062d57;
    --natreb-product-nav-deep: #031a36;
    --natreb-product-nav-orange: #f15a24;
}

.natreb-product-pilot .natreb-product-nav {
    position: sticky;
    z-index: 20;
    top: -36px;
    margin: -36px -28px 34px;
    padding: 10px 62px 10px 22px;
    border-bottom: 1px solid rgba(111, 157, 199, .34);
    background:
        linear-gradient(135deg, rgba(255, 91, 31, .88) 0 4px, transparent 4px) left top / 18px 18px no-repeat,
        linear-gradient(105deg, var(--natreb-product-nav-deep), var(--natreb-product-nav-navy));
    box-shadow: 0 12px 24px rgba(1, 24, 52, .14);
}

.natreb-product-pilot .natreb-product-nav__inner {
    display: flex;
    align-items: center;
    gap: 4px;
    max-width: 1180px;
    margin-inline: auto;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
}

.natreb-product-pilot .natreb-product-nav__inner::-webkit-scrollbar {
    display: none;
}

.natreb-product-pilot .natreb-product-nav a {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 13px;
    color: rgba(235, 244, 251, .82);
    font-family: "Titillium Web", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.natreb-product-pilot .natreb-product-nav a::after {
    position: absolute;
    right: 12px;
    bottom: 4px;
    left: 12px;
    height: 2px;
    content: "";
    background: var(--natreb-product-nav-orange);
    transform: scaleX(0);
    transition: transform .2s ease;
}

.natreb-product-pilot .natreb-product-nav a:hover,
.natreb-product-pilot .natreb-product-nav a:focus-visible,
.natreb-product-pilot .natreb-product-nav a.is-active {
    color: #fff;
    background: rgba(255, 255, 255, .075);
    outline: 0;
}

.natreb-product-pilot .natreb-product-nav a:hover::after,
.natreb-product-pilot .natreb-product-nav a:focus-visible::after,
.natreb-product-pilot .natreb-product-nav a.is-active::after {
    transform: scaleX(1);
}

.natreb-product-pilot .natreb-product-nav__catalog {
    color: #ffd6c7 !important;
}

.natreb-product-pilot .natreb-product-nav__catalog::before {
    margin-right: 7px;
    content: "PDF";
    color: var(--natreb-product-nav-orange);
    font-size: 9px;
    letter-spacing: .08em;
}

.natreb-product-pilot .natreb-product-nav__cta {
    margin-left: auto;
    padding-inline: 18px !important;
    color: #fff !important;
    background: var(--natreb-product-nav-orange) !important;
    clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

.natreb-product-pilot .natreb-product-nav__cta::after {
    display: none;
}

.natreb-product-pilot .natreb-product-section-target {
    scroll-margin-top: 82px;
}

.natreb-product-modal__dialog:has(.natreb-product-pilot) > .natreb-product-modal__close {
    position: sticky;
    z-index: 30;
    top: 10px;
    float: right;
    margin: 0 -16px -38px 0;
}

@media (max-width: 767px) {
    .natreb-product-pilot .natreb-product-nav {
        top: -48px;
        margin: -48px -16px 26px;
        padding: 8px 54px 8px 12px;
    }

    .natreb-product-pilot .natreb-product-nav a {
        min-height: 40px;
        padding: 8px 11px;
        font-size: 12px;
    }

    .natreb-product-pilot .natreb-product-nav__cta {
        margin-left: 0;
    }

    .natreb-product-modal__dialog:has(.natreb-product-pilot) > .natreb-product-modal__close {
        top: 8px;
        margin-right: -6px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .natreb-product-pilot .natreb-product-nav a,
    .natreb-product-pilot .natreb-product-nav a::after {
        transition-duration: .01ms !important;
    }
}

        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }

    .media-boxes-grid .media-box-container::before {
        background: linear-gradient(
            105deg,
            #ff4c00 0 42%,
            #ffb092 48%,
            #ff4c00 54%,
            #dce5ee 68% 100%
        );
        background-position: 100% 0;
        background-size: 250% 100%;
        transition: background-position .78s cubic-bezier(.22, .61, .36, 1);
        z-index: 0;
    }

    .media-boxes-grid .media-box-container::after {
        background: #fff;
        clip-path: polygon(
            calc(var(--natreb-card-cut) - 3px) 0,
            100% 0,
            100% calc(100% - var(--natreb-card-cut) + 3px),
            calc(100% - var(--natreb-card-cut) + 3px) 100%,
            0 100%,
            0 calc(var(--natreb-card-cut) - 3px)
        );
        inset: 3px;
        transition: inset .45s cubic-bezier(.22, .61, .36, 1);
        z-index: 1;
    }

    .media-boxes-grid .media-box-container > * {
        position: relative;
        z-index: 2;
    }

    .media-boxes-grid .media-box-container:hover {
        filter:
            drop-shadow(0 18px 30px rgba(0, 0, 0, .24))
            drop-shadow(0 0 11px rgba(255, 76, 0, .24));
    }

    .media-boxes-grid .media-box-container:hover::before {
        background-position: 0 0;
    }

    .media-boxes-grid .media-box-container:hover::after {
        inset: 4px;
    }

    .media-boxes-grid .media-box-container > a {
        display: block;
        overflow: hidden;
    }

    .media-boxes-grid .media-box-container .media-box-image {
        transform: scale(1);
        transition: transform .8s cubic-bezier(.22, .61, .36, 1);
    }

    .media-boxes-grid .media-box-container:hover .media-box-image {
        transform: scale(1.035);
    }

    .media-boxes-grid .media-box-container .post_title-1 {
        transition: color .32s ease;
    }

    .media-boxes-grid .media-box-container:hover .post_title-1 {
        color: #ff4c00 !important;
    }

    /* Linha de energia: deixa a progressão do hover claramente perceptível. */
    .media-boxes-grid .media-box-container .media-box-content {
        overflow: hidden;
        position: relative;
    }

    .media-boxes-grid .media-box-container .media-box-content::before {
        background: linear-gradient(90deg, #ff4c00 0%, #ffb092 50%, #ff4c00 100%);
        bottom: 0;
        box-shadow: 0 0 12px rgba(255, 76, 0, .42);
        content: "";
        height: 4px;
        left: 0;
        pointer-events: none;
        position: absolute;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .72s cubic-bezier(.22, .61, .36, 1);
        width: 100%;
        z-index: 4;
    }

    .media-boxes-grid .media-box-container:hover .media-box-content::before {
        transform: scaleX(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .media-boxes-grid .media-box-container,
    .media-boxes-grid .media-box-container::before,
    .media-boxes-grid .media-box-container::after,
    .media-boxes-grid .media-box-container .media-box-image,
    .media-boxes-grid .media-box-container .media-box-content::before,
    .media-boxes-grid .media-box-container .post_title-1 {
        transition-duration: .01ms !important;
    }
}

/* Filtros de segmentos: contorno técnico e seleção em laranja Natreb. */
@supports (clip-path: polygon(0 0)) {
    .media-boxes-filter li {
        --natreb-filter-cut: 10px;
        background: #dce5ee;
        border: 0 !important;
        border-radius: 0 !important;
        clip-path: polygon(
            var(--natreb-filter-cut) 0,
            100% 0,
            100% calc(100% - var(--natreb-filter-cut)),
            calc(100% - var(--natreb-filter-cut)) 100%,
            0 100%,
            0 var(--natreb-filter-cut)
        );
        margin: 0 10px 12px 0 !important;
        padding: 1px;
    }

    .media-boxes-filter li a {
        align-items: center;
        background: #fff !important;
        border: 0 !important;
        border-radius: 0 !important;
        clip-path: polygon(
            calc(var(--natreb-filter-cut) - 1px) 0,
            100% 0,
            100% calc(100% - var(--natreb-filter-cut) + 1px),
            calc(100% - var(--natreb-filter-cut) + 1px) 100%,
            0 100%,
            0 calc(var(--natreb-filter-cut) - 1px)
        ) !important;
        display: flex;
        min-height: 42px;
        padding: 8px 18px !important;
        transition: background-color .25s ease, color .25s ease;
    }

    .media-boxes-filter li:hover {
        background: #ff4c00;
    }

    .media-boxes-filter li:hover a {
        color: #001e43 !important;
    }

    .media-boxes-filter li:has(a.selected) {
        background: #ff4c00;
    }

    .media-boxes-filter li a.selected {
        background: #ff4c00 !important;
        color: #fff !important;
    }

    /* Algumas versões do Media Boxes aplicam a pílula no elemento interno. */
    .media-boxes-filter li,
    .media-boxes-filter li > a,
    .media-boxes-filter li > a > * {
        border-radius: 0 !important;
    }

    .media-boxes-filter li.selected,
    .media-boxes-filter li:has(.selected) {
        background: #ff4c00 !important;
    }

    .media-boxes-filter li.selected > a,
    .media-boxes-filter li:has(.selected) > a,
    .media-boxes-filter li > a.selected {
        background: #ff4c00 !important;
        border-radius: 0 !important;
        color: #fff !important;
    }

    /* Busca do catálogo: mesma linguagem técnica dos filtros. */
    .media-boxes-search,
    .media-boxes-search input,
    .media-boxes-search button,
    .media-boxes-search .media-boxes-search-input,
    .media-boxes-search .media-boxes-search-clear {
        border-radius: 0 !important;
    }

    .media-boxes-search {
        clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
        overflow: hidden;
    }

    /*
     * A página possui um CSS antigo com border-radius: 999px !important.
     * Estes seletores mais específicos garantem o desenho técnico final.
     */
    body .media-boxes-filters-container .media-boxes-filter > li > a {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px) !important;
    }

    body .media-boxes-filters-container .media-boxes-filter > li > a.selected {
        background: #ff4c00 !important;
        color: #fff !important;
    }

    body .media-boxes-filters-container .media-boxes-search {
        border-radius: 0 !important;
        box-shadow: none !important;
        clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px) !important;
    }

    body .media-boxes-filters-container .media-boxes-search input[type="text"] {
        border-radius: 0 !important;
    }
}

.media-boxes-grid .media-box-container .post_title-1 {
    letter-spacing: .015em;
}

.media-boxes-grid .media-box-container .acf_field-1 {
    border-left: 3px solid #ff4c00;
    color: #3c4881;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 6px;
    padding: 3px 0 3px 10px;
}

.media-boxes-grid .media-box-container .media-box-content,
.media-boxes-grid .media-box-container .mb_global_skin {
    box-sizing: border-box;
    padding: 26px 24px 30px !important;
}

.media-boxes-grid .media-box-container .post_title-1 {
    margin-bottom: 14px !important;
}

.media-boxes-grid .media-box-container {
    margin-bottom: 24px !important;
    margin-left: 24px !important;
}

@media (max-width: 767px) {
    .media-boxes-grid .media-box-container {
        margin-bottom: 16px !important;
        margin-left: 16px !important;
    }

    .media-boxes-grid .media-box-container .media-box-content,
    .media-boxes-grid .media-box-container .mb_global_skin {
        padding: 22px 18px 26px !important;
    }
}

/* =========================================================
   WP MAPAS PRO — FILIAIS E REPRESENTANTES
   ========================================================= */

.wpgmp_map_container {
    --natreb-map-navy: #062d57;
    --natreb-map-dark: #001e43;
    --natreb-map-orange: #ff4c00;
    --natreb-map-line: #d8e1e9;
    --natreb-map-soft: #f4f7f9;
    --natreb-map-cut: 14px;
}

.wpgmp_map_container,
.wpgmp_map_container * {
    box-sizing: border-box;
}

.wpgmp_map_container .wpgmp_filter_wrappers {
    background: #fff !important;
    border: 0 !important;
    clip-path: polygon(
        var(--natreb-map-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut)),
        calc(100% - var(--natreb-map-cut)) 100%,
        0 100%,
        0 var(--natreb-map-cut)
    );
    margin-bottom: 26px !important;
    padding: 22px !important;
    position: relative;
}

.wpgmp_map_container .wpgmp_filter_wrappers::after {
    background: var(--natreb-map-orange);
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 84px;
}

.wpgmp_map_container .wpgmp_before_listing {
    color: var(--natreb-map-navy) !important;
    font-size: clamp(18px, 1.7vw, 25px) !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    margin: 0 0 16px !important;
    text-transform: uppercase;
}

.wpgmp_map_container .wpgmp_search_form,
.wpgmp_map_container .wpgmp-autocomplete-wrapper {
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_search_input {
    background: var(--natreb-map-soft) !important;
    border: 1px solid var(--natreb-map-line) !important;
    border-radius: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    color: #30465c !important;
    min-height: 48px !important;
    outline: 0 !important;
    padding: 0 18px !important;
    transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_search_input:focus {
    background: #fff !important;
    border-color: var(--natreb-map-orange) !important;
    box-shadow: inset 4px 0 0 var(--natreb-map-orange) !important;
}

.wpgmp_map_container .categories_filter {
    align-items: stretch !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.wpgmp_map_container .categories_filter > div {
    margin: 0 !important;
}

.wpgmp_map_container .categories_filter select,
.wpgmp_map_container .categories_filter_reset_btn {
    appearance: none;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
    cursor: pointer;
    font-weight: 700 !important;
    min-height: 44px !important;
    padding: 0 38px 0 16px !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.wpgmp_map_container .categories_filter select {
    background-color: var(--natreb-map-navy) !important;
    color: #fff !important;
}

.wpgmp_map_container .categories_filter select:hover,
.wpgmp_map_container .categories_filter select:focus {
    background-color: var(--natreb-map-orange) !important;
    outline: 0;
}

.wpgmp_map_container .categories_filter_reset_btn {
    background: var(--natreb-map-orange) !important;
    color: #fff !important;
    padding-inline: 18px !important;
}

.wpgmp_map_container .categories_filter_reset_btn:hover {
    background: var(--natreb-map-dark) !important;
}

.wpgmp_map_container .span_list,
.wpgmp_map_container .span_grid,
.wpgmp_map_container .span_print {
    align-items: center;
    display: inline-flex !important;
    justify-content: center;
    margin: 0 !important;
    min-height: 44px;
    min-width: 38px;
}

.wpgmp_map_container .span_list a,
.wpgmp_map_container .span_grid a,
.wpgmp_map_container .span_print a {
    color: var(--natreb-map-navy) !important;
}

.wpgmp_map_container .wpgmp_map_parent {
    background: var(--natreb-map-line) !important;
    clip-path: polygon(
        var(--natreb-map-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut)),
        calc(100% - var(--natreb-map-cut)) 100%,
        0 100%,
        0 var(--natreb-map-cut)
    );
    margin-bottom: 28px !important;
    padding: 2px !important;
}

.wpgmp_map_container .wpgmp_map {
    clip-path: polygon(
        calc(var(--natreb-map-cut) - 1px) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut) + 1px),
        calc(100% - var(--natreb-map-cut) + 1px) 100%,
        0 100%,
        0 calc(var(--natreb-map-cut) - 1px)
    );
    width: 100% !important;
}

/* O WP Mapas Pro coloca todos os locais dentro de .fc-component-6. */
.wpgmp_map_container .wpgmp_categories > .fc-item-default,
.wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
    display: grid !important;
    gap: 24px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box {
    align-self: stretch;
    background: var(--natreb-map-line) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 12px 28px rgba(0, 30, 67, .08) !important;
    clip-path: polygon(
        var(--natreb-map-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut)),
        calc(100% - var(--natreb-map-cut)) 100%,
        0 100%,
        0 var(--natreb-map-cut)
    );
    display: flex !important;
    height: auto !important;
    margin: 0 !important;
    min-height: 230px;
    overflow: hidden;
    padding: 1px !important;
    position: relative;
    transform: translateY(0);
    transition: background-color .35s ease, box-shadow .35s ease, transform .35s ease;
    vertical-align: top;
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box::after {
    background: linear-gradient(90deg, var(--natreb-map-orange), #ff8a33);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .48s cubic-bezier(.22, .75, .25, 1);
    width: 100%;
    z-index: 3;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box:hover {
    background: var(--natreb-map-orange) !important;
    box-shadow: 0 20px 42px rgba(0, 30, 67, .18) !important;
    transform: translateY(-6px);
}

.wpgmp_map_container .wpgmp_categories .fc-item-box:hover::after {
    transform: scaleX(1);
}

.wpgmp_map_container .wpgmp_categories .fc-item-box > .fc-itemcontent-padding {
    background: #fff !important;
    clip-path: polygon(
        calc(var(--natreb-map-cut) - 1px) 0,
        100% 0,
        100% calc(100% - var(--natreb-map-cut) + 1px),
        calc(100% - var(--natreb-map-cut) + 1px) 100%,
        0 100%,
        0 calc(var(--natreb-map-cut) - 1px)
    );
    flex: 1 1 auto;
    padding: 26px 24px !important;
    width: 100% !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-title,
.wpgmp_map_container .wpgmp_categories .fc-item-title a,
.wpgmp_map_container .wpgmp_categories a.place_title {
    color: var(--natreb-map-navy) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .025em;
    line-height: 1.25 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: color .2s ease;
}

.wpgmp_map_container .wpgmp_categories .fc-item-box:hover .fc-item-title,
.wpgmp_map_container .wpgmp_categories .fc-item-box:hover .fc-item-title a,
.wpgmp_map_container .wpgmp_categories .fc-item-box:hover a.place_title {
    color: var(--natreb-map-orange) !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-meta {
    margin: 12px 0 15px !important;
}

.wpgmp_map_container .wpgmp_categories .fc-badge {
    background: #eef3f7 !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
    color: var(--natreb-map-navy) !important;
    display: inline-block;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .025em;
    padding: 7px 10px !important;
    text-transform: uppercase;
}

.wpgmp_map_container .wpgmp_categories .fc-item-content {
    color: #5c6d7e !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin-top: 0 !important;
}

.wpgmp_map_container .wpgmp_categories .fc-item-content p,
.wpgmp_map_container .wpgmp_categories .fc-item-content div {
    margin-bottom: 7px !important;
}

.wpgmp_map_container .wpgmp_pagination {
    display: none !important;
}

.wpgmp_map_container select[name="map_perpage_location_sorting"] {
    display: none !important;
}

@media (max-width: 1024px) {
    .wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
        gap: 20px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .wpgmp_map_container {
        --natreb-map-cut: 11px;
    }

    .wpgmp_map_container .wpgmp_filter_wrappers {
        padding: 18px 14px !important;
    }

    .wpgmp_map_container .categories_filter {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .wpgmp_map_container .categories_filter select,
    .wpgmp_map_container .categories_filter_reset_btn,
    .wpgmp_map_container .categories_filter > div {
        width: 100% !important;
    }

    .wpgmp_map_container .span_list,
    .wpgmp_map_container .span_grid,
    .wpgmp_map_container .span_print {
        display: none !important;
    }

    .wpgmp_map_container .wpgmp_categories > .fc-item-default > .fc-component-6 {
        gap: 16px !important;
        grid-template-columns: 1fr !important;
    }

    .wpgmp_map_container .wpgmp_categories .fc-item-box {
        min-height: 0;
    }

    .wpgmp_map_container .wpgmp_categories .fc-item-box > .fc-itemcontent-padding {
        padding: 22px 19px !important;
    }
}

/* =========================================================
   FORMULÁRIOS INSTITUCIONAIS — CONTATO, ORÇAMENTO E CURRÍCULO
   ========================================================= */

body.page-id-30 #wpcf7-f10836-p30-o1,
body.page-id-20090 #gform_wrapper_11,
body.page-id-21051 #gform_wrapper_12,
body.page-id-20096 #gform_wrapper_4 {
    --natreb-form-navy: #062d57;
    --natreb-form-dark: #001e43;
    --natreb-form-orange: #ff4c00;
    --natreb-form-line: #d6e0e8;
    --natreb-form-soft: #f3f6f8;
    --natreb-form-muted: #607286;
    --natreb-form-cut: 18px;
    background: var(--natreb-form-line) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 60px rgba(0, 30, 67, .10) !important;
    clip-path: polygon(
        var(--natreb-form-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-form-cut)),
        calc(100% - var(--natreb-form-cut)) 100%,
        0 100%,
        0 var(--natreb-form-cut)
    );
    isolation: isolate;
    margin-inline: auto !important;
    max-width: 1180px;
    overflow: hidden;
    padding: 1px !important;
    position: relative;
}

body.page-id-30 #wpcf7-f10836-p30-o1 {
    max-width: 820px;
}

body.page-id-30 #wpcf7-f10836-p30-o1::before,
body.page-id-20090 #gform_wrapper_11::before,
body.page-id-21051 #gform_wrapper_12::before,
body.page-id-20096 #gform_wrapper_4::before {
    background: linear-gradient(90deg, var(--natreb-form-orange) 0 78%, #ff8a33 100%);
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: clamp(100px, 18%, 210px);
    z-index: 4;
}

body.page-id-30 #wpcf7-f10836-p30-o1 > form,
body.page-id-20090 #gform_wrapper_11 > form,
body.page-id-21051 #gform_wrapper_12 > form,
body.page-id-20096 #gform_wrapper_4 > form {
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(
        calc(var(--natreb-form-cut) - 1px) 0,
        100% 0,
        100% calc(100% - var(--natreb-form-cut) + 1px),
        calc(100% - var(--natreb-form-cut) + 1px) 100%,
        0 100%,
        0 calc(var(--natreb-form-cut) - 1px)
    );
    margin: 0 !important;
    padding: clamp(28px, 4vw, 54px) !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wrap-form,
body.page-id-30 #wpcf7-f10836-p30-o1 .containter {
    margin: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    width: 100% !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .row {
    margin-inline: -8px !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .input-filled {
    margin-bottom: 18px !important;
    padding-inline: 8px !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 input:not([type="hidden"]):not([type="submit"]),
body.page-id-30 #wpcf7-f10836-p30-o1 select,
body.page-id-30 #wpcf7-f10836-p30-o1 textarea,
body.page-id-20090 #gform_wrapper_11 input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.page-id-20090 #gform_wrapper_11 select,
body.page-id-20090 #gform_wrapper_11 textarea,
body.page-id-21051 #gform_wrapper_12 input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.page-id-21051 #gform_wrapper_12 select,
body.page-id-21051 #gform_wrapper_12 textarea,
body.page-id-20096 #gform_wrapper_4 input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.page-id-20096 #gform_wrapper_4 select,
body.page-id-20096 #gform_wrapper_4 textarea {
    background: var(--natreb-form-soft) !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    color: #263b50 !important;
    font-size: 15px !important;
    height: 52px !important;
    line-height: 1.35 !important;
    min-height: 52px !important;
    padding: 0 17px !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
    width: 100% !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 textarea,
body.page-id-20090 #gform_wrapper_11 textarea,
body.page-id-21051 #gform_wrapper_12 textarea,
body.page-id-20096 #gform_wrapper_4 textarea {
    height: auto !important;
    min-height: 145px !important;
    padding-block: 15px !important;
    resize: vertical;
}

body.page-id-30 #wpcf7-f10836-p30-o1 input::placeholder,
body.page-id-30 #wpcf7-f10836-p30-o1 textarea::placeholder,
body.page-id-20090 #gform_wrapper_11 input::placeholder,
body.page-id-20090 #gform_wrapper_11 textarea::placeholder,
body.page-id-21051 #gform_wrapper_12 input::placeholder,
body.page-id-21051 #gform_wrapper_12 textarea::placeholder,
body.page-id-20096 #gform_wrapper_4 input::placeholder,
body.page-id-20096 #gform_wrapper_4 textarea::placeholder {
    color: #718194 !important;
    opacity: 1 !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 input:focus,
body.page-id-30 #wpcf7-f10836-p30-o1 select:focus,
body.page-id-30 #wpcf7-f10836-p30-o1 textarea:focus,
body.page-id-20090 #gform_wrapper_11 input:focus,
body.page-id-20090 #gform_wrapper_11 select:focus,
body.page-id-20090 #gform_wrapper_11 textarea:focus,
body.page-id-21051 #gform_wrapper_12 input:focus,
body.page-id-21051 #gform_wrapper_12 select:focus,
body.page-id-21051 #gform_wrapper_12 textarea:focus,
body.page-id-20096 #gform_wrapper_4 input:focus,
body.page-id-20096 #gform_wrapper_4 select:focus,
body.page-id-20096 #gform_wrapper_4 textarea:focus {
    background: #fff !important;
    border-color: var(--natreb-form-orange) !important;
    box-shadow: inset 4px 0 0 var(--natreb-form-orange), 0 0 0 3px rgba(255, 76, 0, .10) !important;
    outline: 0 !important;
}

body.page-id-20090 #gform_wrapper_11 .gform_fields,
body.page-id-21051 #gform_wrapper_12 .gform_fields,
body.page-id-20096 #gform_wrapper_4 .gform_fields {
    column-gap: 20px !important;
    row-gap: 22px !important;
}

body.page-id-20090 #gform_wrapper_11 .gform_fields,
body.page-id-21051 #gform_wrapper_12 .gform_fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-id-20090 #gform_wrapper_11 #field_11_6,
body.page-id-20090 #gform_wrapper_11 #field_11_8,
body.page-id-21051 #gform_wrapper_12 #field_12_6,
body.page-id-21051 #gform_wrapper_12 #field_12_7,
body.page-id-21051 #gform_wrapper_12 #field_12_8 {
    grid-column: 1 / -1 !important;
}

body.page-id-20090 #gform_wrapper_11 #field_11_2,
body.page-id-20090 #gform_wrapper_11 #field_11_3,
body.page-id-20090 #gform_wrapper_11 #field_11_4,
body.page-id-20090 #gform_wrapper_11 #field_11_7 {
    grid-column: span 1 !important;
}

body.page-id-20090 #gform_wrapper_11 .ginput_complex,
body.page-id-21051 #gform_wrapper_12 .ginput_complex,
body.page-id-20096 #gform_wrapper_4 .ginput_complex {
    display: grid !important;
    gap: 15px 18px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-id-20090 #gform_wrapper_11 .ginput_complex > span,
body.page-id-21051 #gform_wrapper_12 .ginput_complex > span,
body.page-id-20096 #gform_wrapper_4 .ginput_complex > span {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.page-id-20090 #gform_wrapper_11 .gfield_label,
body.page-id-21051 #gform_wrapper_12 .gfield_label,
body.page-id-20096 #gform_wrapper_4 .gfield_label {
    color: var(--natreb-form-navy) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .025em !important;
    line-height: 1.35 !important;
    margin-bottom: 9px !important;
}

body.page-id-20090 #gform_wrapper_11 .ginput_complex label,
body.page-id-21051 #gform_wrapper_12 .ginput_complex label,
body.page-id-20096 #gform_wrapper_4 .ginput_complex label {
    color: var(--natreb-form-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 7px 2px 0 !important;
}

body.page-id-20090 #gform_wrapper_11 .gfield_required,
body.page-id-21051 #gform_wrapper_12 .gfield_required,
body.page-id-20096 #gform_wrapper_4 .gfield_required {
    color: var(--natreb-form-orange) !important;
}

body.page-id-20090 #gform_wrapper_11 .gform-footer,
body.page-id-21051 #gform_wrapper_12 .gform-footer,
body.page-id-20096 #gform_wrapper_4 .gform_page_footer {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 30px !important;
    padding: 0 !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit,
body.page-id-20090 #gform_wrapper_11 .gform_button,
body.page-id-21051 #gform_wrapper_12 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_next_button,
body.page-id-20096 #gform_wrapper_4 .gform_previous_button {
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .045em !important;
    min-height: 50px !important;
    padding: 0 28px !important;
    text-transform: uppercase !important;
    transition: background-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit,
body.page-id-20090 #gform_wrapper_11 .gform_button,
body.page-id-21051 #gform_wrapper_12 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_button,
body.page-id-20096 #gform_wrapper_4 .gform_next_button {
    background: var(--natreb-form-orange) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(255, 76, 0, .22) !important;
}

body.page-id-20096 #gform_wrapper_4 .gform_previous_button {
    background: var(--natreb-form-navy) !important;
    color: #fff !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit:hover,
body.page-id-20090 #gform_wrapper_11 .gform_button:hover,
body.page-id-21051 #gform_wrapper_12 .gform_button:hover,
body.page-id-20096 #gform_wrapper_4 .gform_button:hover,
body.page-id-20096 #gform_wrapper_4 .gform_next_button:hover,
body.page-id-20096 #gform_wrapper_4 .gform_previous_button:hover {
    background: var(--natreb-form-dark) !important;
    box-shadow: 0 14px 30px rgba(0, 30, 67, .22) !important;
    transform: translateY(-2px);
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit {
    align-items: center !important;
    display: inline-flex !important;
    gap: 12px;
    justify-content: center !important;
    width: auto !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-not-valid-tip,
body.page-id-20090 #gform_wrapper_11 .gfield_validation_message,
body.page-id-21051 #gform_wrapper_12 .gfield_validation_message,
body.page-id-20096 #gform_wrapper_4 .gfield_validation_message {
    background: rgba(255, 76, 0, .07) !important;
    border: 0 !important;
    border-left: 3px solid var(--natreb-form-orange) !important;
    color: #9e2f00 !important;
    font-size: 12px !important;
    margin-top: 7px !important;
    padding: 8px 10px !important;
}

body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-response-output,
body.page-id-20090 #gform_wrapper_11 .gform_validation_errors,
body.page-id-21051 #gform_wrapper_12 .gform_validation_errors,
body.page-id-20096 #gform_wrapper_4 .gform_validation_errors {
    background: #fff6f2 !important;
    border: 0 !important;
    border-left: 4px solid var(--natreb-form-orange) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #6f2a0c !important;
    margin: 22px 0 0 !important;
    padding: 14px 16px !important;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_wrapper {
    background: #eef3f7 !important;
    border: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    margin: 0 0 30px !important;
    padding: 18px 20px !important;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_title {
    color: var(--natreb-form-navy) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    margin: 0 0 10px !important;
    text-transform: uppercase;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar {
    background: #d8e1e9 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 10px !important;
    overflow: hidden;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_percentage {
    background: linear-gradient(90deg, var(--natreb-form-orange), #ff8a33) !important;
    border-radius: 0 !important;
    height: 10px !important;
}

body.page-id-20096 #gform_wrapper_4 .gf_progressbar_percentage span {
    display: none !important;
}

body.page-id-20096 #gform_wrapper_4 input[type="file"] {
    background: #eef3f7 !important;
    border: 1px dashed #aebdca !important;
    border-radius: 0 !important;
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
    color: var(--natreb-form-muted) !important;
    min-height: 58px;
    padding: 8px !important;
    width: 100% !important;
}

body.page-id-20096 #gform_wrapper_4 input[type="file"]::file-selector-button {
    background: var(--natreb-form-navy);
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    margin-right: 14px;
    min-height: 40px;
    padding: 0 16px;
}

/*
 * Orcamento: o formulario ativo nesta pagina e o Gravity Forms 12.
 * Mantem os dados de contato compactos para dar prioridade visual ao seletor
 * de equipamentos, sem alterar a estrutura ou as validacoes do formulario.
 */
body.page-id-20090 #gform_wrapper_12 .gform_fields {
    column-gap: 18px !important;
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    row-gap: 16px !important;
}

body.page-id-20090 #gform_wrapper_12 .gfield {
    min-width: 0;
}

body.page-id-20090 #gform_wrapper_12 #field_12_6,
body.page-id-20090 #gform_wrapper_12 #field_12_7,
body.page-id-20090 #gform_wrapper_12 #field_12_8 {
    grid-column: 1 / -1 !important;
}

body.page-id-20090 #gform_wrapper_12 #field_12_2 {
    grid-column: span 5 !important;
}

body.page-id-20090 #gform_wrapper_12 #field_12_3 {
    grid-column: span 3 !important;
}

body.page-id-20090 #gform_wrapper_12 #field_12_4 {
    grid-column: span 4 !important;
}

body.page-id-20090 #gform_wrapper_12 .ginput_complex {
    display: grid !important;
    gap: 10px 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-id-20090 #gform_wrapper_12 .ginput_complex > span {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.page-id-20090 #gform_wrapper_12 .gfield_label {
    margin-bottom: 6px !important;
}

body.page-id-20090 #gform_wrapper_12 .ginput_complex label {
    margin-top: 4px !important;
}

body.page-id-20090 #gform_wrapper_12 #input_12_8 {
    height: 82px !important;
    min-height: 82px !important;
    padding: 10px 12px !important;
    resize: vertical;
}

body.page-id-20090 #gform_wrapper_12 #field_12_7 {
    margin-top: 2px;
}

@media (max-width: 1199px) {
    body.page-id-20090 #gform_wrapper_12 #field_12_2,
    body.page-id-20090 #gform_wrapper_12 #field_12_3 {
        grid-column: span 6 !important;
    }

    body.page-id-20090 #gform_wrapper_12 #field_12_4 {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 767px) {
    body.page-id-30 #wpcf7-f10836-p30-o1,
    body.page-id-20090 #gform_wrapper_11,
    body.page-id-21051 #gform_wrapper_12,
    body.page-id-20096 #gform_wrapper_4 {
        --natreb-form-cut: 13px;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 > form,
    body.page-id-20090 #gform_wrapper_11 > form,
    body.page-id-21051 #gform_wrapper_12 > form,
    body.page-id-20096 #gform_wrapper_4 > form {
        padding: 28px 18px !important;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 .row {
        margin-inline: 0 !important;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 .input-filled {
        padding-inline: 0 !important;
        width: 100% !important;
    }

    body.page-id-20090 #gform_wrapper_11 .gform_fields,
    body.page-id-20090 #gform_wrapper_11 .ginput_complex,
    body.page-id-21051 #gform_wrapper_12 .gform_fields,
    body.page-id-21051 #gform_wrapper_12 .ginput_complex,
    body.page-id-20096 #gform_wrapper_4 .ginput_complex {
        grid-template-columns: 1fr !important;
    }

    body.page-id-20090 #gform_wrapper_11 #field_11_2,
    body.page-id-20090 #gform_wrapper_11 #field_11_3,
    body.page-id-20090 #gform_wrapper_11 #field_11_4,
    body.page-id-20090 #gform_wrapper_11 #field_11_7,
    body.page-id-21051 #gform_wrapper_12 .gfield {
        grid-column: 1 / -1 !important;
    }

    body.page-id-20096 #gform_wrapper_4 .gform_fields {
        column-gap: 0 !important;
    }

    body.page-id-20096 #gform_wrapper_4 .gfield {
        grid-column: 1 / -1 !important;
    }

    body.page-id-20090 #gform_wrapper_12 .gform_fields {
        column-gap: 0 !important;
        row-gap: 14px !important;
    }

    body.page-id-20090 #gform_wrapper_12 .gfield,
    body.page-id-20090 #gform_wrapper_12 #field_12_2,
    body.page-id-20090 #gform_wrapper_12 #field_12_3,
    body.page-id-20090 #gform_wrapper_12 #field_12_4 {
        grid-column: 1 / -1 !important;
    }

    body.page-id-20090 #gform_wrapper_12 .ginput_complex {
        grid-template-columns: 1fr !important;
    }

    body.page-id-20090 #gform_wrapper_12 .gform_button {
        justify-content: center;
        width: 100% !important;
    }

    body.page-id-30 #wpcf7-f10836-p30-o1 .wpcf7-submit,
    body.page-id-20090 #gform_wrapper_11 .gform_button,
    body.page-id-21051 #gform_wrapper_12 .gform_button,
    body.page-id-20096 #gform_wrapper_4 .gform_button,
    body.page-id-20096 #gform_wrapper_4 .gform_next_button,
    body.page-id-20096 #gform_wrapper_4 .gform_previous_button {
        justify-content: center;
        width: 100% !important;
    }
}

/*
 * Blog Natreb: os cards tornam-se placas técnicas chanfradas.
 * O escopo depende da classe "natreb-blog-grid" adicionada ao widget Posts.
 */
.natreb-blog-grid .elementor-posts-container {
    align-items: stretch;
    column-gap: 28px !important;
    grid-column-gap: 28px !important;
    grid-row-gap: 32px !important;
    row-gap: 32px !important;
}

.natreb-blog-grid article.elementor-post {
    display: flex;
    min-width: 0;
    overflow: visible;
}

.natreb-blog-grid .elementor-post__card {
    --natreb-blog-cut: 18px;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: polygon(
        var(--natreb-blog-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-blog-cut)),
        calc(100% - var(--natreb-blog-cut)) 100%,
        0 100%,
        0 var(--natreb-blog-cut)
    );
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    isolation: isolate;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    transform: translateY(0);
    transition:
        filter .55s cubic-bezier(.22, .61, .36, 1),
        transform .55s cubic-bezier(.22, .61, .36, 1);
}

.natreb-blog-grid .elementor-post__card::before {
    background: linear-gradient(
        105deg,
        #ff4c00 0 42%,
        #ffb092 48%,
        #ff4c00 54%,
        #dce5ee 68% 100%
    );
    background-position: 100% 0;
    background-size: 250% 100%;
    clip-path: inherit;
    content: "";
    inset: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    transition: background-position .78s cubic-bezier(.22, .61, .36, 1);
    z-index: 10;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.natreb-blog-grid .elementor-post__card:hover,
.natreb-blog-grid .elementor-post__card:focus-within {
    filter:
        drop-shadow(0 18px 30px rgba(0, 0, 0, .24))
        drop-shadow(0 0 12px rgba(255, 76, 0, .24));
    transform: translateY(-8px);
}

.natreb-blog-grid .elementor-post__card:hover::before,
.natreb-blog-grid .elementor-post__card:focus-within::before {
    background-position: 0 0;
}

.natreb-blog-grid .elementor-post__thumbnail__link {
    display: block;
    margin: 0 !important;
    order: 1;
    overflow: visible;
    position: relative;
    z-index: 2;
}

.natreb-blog-grid .elementor-post__thumbnail {
    aspect-ratio: 1 / 1;
    margin: 0 !important;
    overflow: hidden;
    padding-bottom: 0 !important;
    position: relative;
}

.natreb-blog-grid .elementor-post__card .elementor-post__thumbnail img {
    bottom: auto !important;
    filter: saturate(1) contrast(1) brightness(1);
    height: 100% !important;
    left: 50% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%) scale(1.01) !important;
    transition: filter .55s ease;
    width: 100% !important;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__thumbnail img,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__thumbnail img {
    filter: saturate(1.08) contrast(1.04) brightness(.96);
    transform: translate(-50%, -50%) scale(1.01) !important;
}

.natreb-blog-grid .elementor-post__thumbnail::before,
.natreb-blog-grid .elementor-post__thumbnail::after {
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 3;
}

.natreb-blog-grid .elementor-post__thumbnail::before {
    background: linear-gradient(
        110deg,
        transparent 0 40%,
        rgba(255, 255, 255, .28) 47%,
        rgba(255, 76, 0, .24) 51%,
        transparent 58% 100%
    );
    transform: translateX(-140%);
    transition: transform .9s cubic-bezier(.22, .61, .36, 1);
}

.natreb-blog-grid .elementor-post__thumbnail::after {
    background: linear-gradient(180deg, rgba(0, 30, 67, 0) 45%, rgba(0, 30, 67, .18) 100%);
    opacity: 0;
    transition: opacity .5s ease;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__thumbnail::before,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__thumbnail::before {
    transform: translateX(140%);
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__thumbnail::after,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__thumbnail::after {
    opacity: 1;
}

.natreb-blog-grid .natreb-blog-category {
    background: #ff4c00;
    bottom: 0;
    box-shadow: 0 7px 18px rgba(255, 76, 0, .22);
    clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0 50%);
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    left: 22px;
    letter-spacing: .06em;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    text-transform: uppercase;
    transform: translateY(50%);
    z-index: 5;
}

.natreb-blog-grid .elementor-post__meta-data {
    border: 0 !important;
    color: #6b7788 !important;
    font-size: 13px !important;
    margin: 0 !important;
    order: 2;
    padding: 30px 26px 0 !important;
    position: relative;
    z-index: 2;
}

.natreb-blog-grid .elementor-post__text {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 0 !important;
    min-height: 220px;
    order: 3;
    overflow: hidden;
    padding: 9px 26px 30px !important;
    position: relative;
    z-index: 2;
}

.natreb-blog-grid .elementor-post__title {
    color: #001e43 !important;
    font-size: clamp(20px, 1.28vw, 25px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    margin: 0 0 18px !important;
    transition: color .3s ease;
}

.natreb-blog-grid .elementor-post__title a {
    color: inherit !important;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__title,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__title {
    color: #ff4c00 !important;
}

.natreb-blog-grid .elementor-post__read-more {
    align-items: center;
    color: #ff4c00 !important;
    display: inline-flex;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .025em;
    margin-top: auto;
    padding-top: 22px;
    text-transform: uppercase;
}

.natreb-blog-grid .elementor-post__text::after {
    background: linear-gradient(90deg, #ff4c00 0%, #ffb092 50%, #ff4c00 100%);
    bottom: 0;
    box-shadow: 0 0 12px rgba(255, 76, 0, .42);
    content: "";
    height: 4px;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .72s cubic-bezier(.22, .61, .36, 1);
    width: 100%;
}

.natreb-blog-grid .elementor-post__card:hover .elementor-post__text::after,
.natreb-blog-grid .elementor-post__card:focus-within .elementor-post__text::after {
    transform: scaleX(1);
}

@media (max-width: 1024px) {
    .natreb-blog-grid .elementor-posts-container {
        column-gap: 22px !important;
        grid-column-gap: 22px !important;
        grid-row-gap: 26px !important;
        row-gap: 26px !important;
    }

    .natreb-blog-grid .elementor-post__text {
        min-height: 200px;
    }
}

@media (max-width: 767px) {
    .natreb-blog-grid .elementor-posts-container {
        grid-row-gap: 22px !important;
        row-gap: 22px !important;
    }

    .natreb-blog-grid .elementor-post__card {
        --natreb-blog-cut: 14px;
    }

    .natreb-blog-grid .elementor-post__meta-data {
        padding: 28px 20px 0 !important;
    }

    .natreb-blog-grid .elementor-post__text {
        min-height: 0;
        padding: 9px 20px 26px !important;
    }

    .natreb-blog-grid .elementor-post__title {
        font-size: 20px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .natreb-blog-grid .elementor-post__card,
    .natreb-blog-grid .elementor-post__card::before,
    .natreb-blog-grid .elementor-post__thumbnail img,
    .natreb-blog-grid .elementor-post__thumbnail::before,
    .natreb-blog-grid .elementor-post__thumbnail::after,
    .natreb-blog-grid .elementor-post__title,
    .natreb-blog-grid .elementor-post__text::after {
        transition-duration: .01ms !important;
    }
}

/*
 * Post avulso: cabeçalho editorial e área de leitura baseados nos grafismos
 * técnicos do manual Natreb. O conteúdo original não é reescrito.
 */
body.natreb-single-post #pxl-main {
    background: #000d25;
}

body.natreb-single-post #comments,
body.natreb-single-post .comments-area,
body.natreb-single-post .comment-respond,
body.natreb-single-post .comments-title {
    display: none !important;
}

body.natreb-single-post #pxl-content-area.pxl-content-post {
    flex: 0 0 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.natreb-single-post #pxl-content-main,
body.natreb-single-post .pxl-single-post,
body.natreb-single-post .single-post-inner {
    max-width: 100% !important;
    width: 100% !important;
}

body.natreb-single-post .single-post-inner {
    padding: 58px 0 84px;
}

body.natreb-single-post .post-metas,
body.natreb-single-post .post-image.post-featured {
    display: none !important;
}

body.natreb-single-post .post-content {
    overflow: visible !important;
}

.natreb-single-hero {
    --natreb-single-cut: 28px;
    background: #001e43;
    clip-path: polygon(
        var(--natreb-single-cut) 0,
        100% 0,
        100% calc(100% - 52px),
        calc(100% - 52px) 100%,
        0 100%,
        0 var(--natreb-single-cut)
    );
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    isolation: isolate;
    margin: 0 auto;
    max-width: 1170px;
    min-height: 530px;
    overflow: hidden;
    position: relative;
}

.natreb-single-hero::before {
    background: linear-gradient(135deg, #e0f0f0 0 72%, #ff4c00 72% 100%);
    clip-path: inherit;
    content: "";
    inset: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    z-index: 8;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.natreb-single-hero::after {
    background: #ff4c00;
    content: "";
    height: 3px;
    pointer-events: none;
    position: absolute;
    right: 25px;
    top: 0;
    transform: skewX(45deg);
    transform-origin: top right;
    width: 35%;
    z-index: 7;
}

.natreb-single-hero__copy {
    align-self: center;
    padding: 64px 58px 68px;
    position: relative;
    z-index: 2;
}

.natreb-single-hero__eyebrow {
    align-items: center;
    color: #ff4c00;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 12px;
    letter-spacing: .1em;
    margin-bottom: 22px;
    text-transform: uppercase;
}

.natreb-single-hero__eyebrow::before {
    background: #ff4c00;
    content: "";
    height: 3px;
    width: 34px;
}

.natreb-single-hero__eyebrow a {
    color: inherit !important;
    text-decoration: none !important;
}

.natreb-single-hero__title {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -.025em;
    line-height: 1.18 !important;
    margin: 0 !important;
    max-width: 760px;
}

.natreb-single-hero__meta {
    align-items: center;
    color: #e0f0f0;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 12px 24px;
    margin-top: 30px;
}

.natreb-single-hero__meta > * {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.natreb-single-hero__meta > *::before {
    background: #ff4c00;
    clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
    content: "";
    height: 9px;
    width: 12px;
}

.natreb-single-hero__media {
    align-self: stretch;
    background: #fff;
    clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 34px), calc(100% - 34px) 100%, 0 100%, 0 20px);
    margin: 24px 24px 24px 0;
    min-height: 420px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.natreb-single-hero__image {
    height: 100% !important;
    inset: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    width: 100% !important;
}

.natreb-single-hero__media--empty {
    background:
        linear-gradient(135deg, transparent 0 48%, rgba(255, 76, 0, .92) 48% 51%, transparent 51%),
        #e0f0f0;
}

.natreb-single-article-body {
    --natreb-body-cut: 22px;
    background: #fff;
    clip-path: polygon(
        var(--natreb-body-cut) 0,
        100% 0,
        100% calc(100% - var(--natreb-body-cut)),
        calc(100% - var(--natreb-body-cut)) 100%,
        0 100%,
        0 var(--natreb-body-cut)
    );
    color: #5e6673;
    font-size: 18px;
    line-height: 1.75;
    margin: 46px auto 0;
    max-width: 940px;
    padding: 64px 74px 76px;
    position: relative;
}

.natreb-single-article-body::before {
    background: linear-gradient(135deg, #dce8eb 0 80%, #ff4c00 80% 100%);
    clip-path: inherit;
    content: "";
    inset: 0;
    padding: 2px;
    pointer-events: none;
    position: absolute;
    z-index: 3;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.natreb-single-article-body > * {
    position: relative;
    z-index: 2;
}

.natreb-single-article-body > :first-child {
    margin-top: 0 !important;
}

.natreb-single-article-body > :last-child {
    margin-bottom: 0 !important;
}

.natreb-single-article-body p {
    margin: 0 0 22px;
}

.natreb-single-article-body strong,
.natreb-single-article-body b {
    color: #001e43;
    font-weight: 700;
}

.natreb-single-article-body h2,
.natreb-single-article-body h3,
.natreb-single-article-body h4 {
    color: #001e43 !important;
    font-weight: 700 !important;
    letter-spacing: -.015em;
    line-height: 1.14 !important;
    margin: 48px 0 22px !important;
    padding-left: 22px;
    position: relative;
}

.natreb-single-article-body h2 {
    font-size: clamp(30px, 3vw, 42px) !important;
}

.natreb-single-article-body h3 {
    font-size: clamp(26px, 2.4vw, 34px) !important;
}

.natreb-single-article-body h4 {
    font-size: 24px !important;
}

.natreb-single-article-body h2::before,
.natreb-single-article-body h3::before,
.natreb-single-article-body h4::before {
    background: #ff4c00;
    clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
    content: "";
    height: 100%;
    left: 0;
    max-height: 46px;
    position: absolute;
    top: 2px;
    width: 6px;
}

.natreb-single-article-body a {
    color: #ff4c00;
    font-weight: 600;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.natreb-single-article-body ul,
.natreb-single-article-body ol {
    margin: 0 0 28px;
    padding-left: 1.35em;
}

.natreb-single-article-body li {
    margin-bottom: 11px;
    padding-left: 7px;
}

.natreb-single-article-body li::marker {
    color: #ff4c00;
    font-weight: 700;
}

.natreb-single-article-body blockquote {
    background: #001e43;
    border: 0;
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
    color: #e0f0f0;
    margin: 34px 0;
    padding: 30px 34px 30px 40px;
    position: relative;
}

.natreb-single-article-body blockquote::before {
    background: #ff4c00;
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: 5px;
}

.natreb-single-article-body blockquote p:last-child {
    margin-bottom: 0;
}

.natreb-single-article-body img {
    border-radius: 0 !important;
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    height: auto;
    max-width: 100%;
}

.natreb-single-article-body table {
    border-collapse: collapse;
    margin: 30px 0;
    width: 100%;
}

.natreb-single-article-body th {
    background: #001e43;
    color: #fff;
}

.natreb-single-article-body th,
.natreb-single-article-body td {
    border: 1px solid #dce8eb;
    padding: 13px 15px;
    text-align: left;
}

@media (max-width: 1024px) {
    body.natreb-single-post .single-post-inner {
        padding: 42px 0 64px;
    }

    .natreb-single-hero {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
        min-height: 470px;
    }

    .natreb-single-hero__copy {
        padding: 48px 40px 52px;
    }

    .natreb-single-hero__media {
        min-height: 370px;
    }

    .natreb-single-article-body {
        max-width: 880px;
        padding: 54px 56px 66px;
    }
}

@media (max-width: 767px) {
    body.natreb-single-post .single-post-inner {
        padding: 24px 0 46px;
    }

    .natreb-single-hero {
        --natreb-single-cut: 18px;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .natreb-single-hero__copy {
        order: 2;
        padding: 34px 24px 42px;
    }

    .natreb-single-hero__title {
        font-size: clamp(32px, 10vw, 43px) !important;
    }

    .natreb-single-hero__media {
        aspect-ratio: 1 / 1;
        margin: 16px 16px 0;
        min-height: 0;
        order: 1;
    }

    .natreb-single-article-body {
        --natreb-body-cut: 16px;
        font-size: 17px;
        margin-top: 24px;
        padding: 38px 24px 48px;
    }

    .natreb-single-article-body h2,
    .natreb-single-article-body h3,
    .natreb-single-article-body h4 {
        margin-top: 38px !important;
        padding-left: 18px;
    }

    .natreb-single-article-body h2 {
        font-size: 30px !important;
    }

    .natreb-single-article-body h3 {
        font-size: 26px !important;
    }
}

.natreb-product-modal.is-open {
    opacity: 1;
    pointer-events: auto;
}

.natreb-product-modal__backdrop {
    background: rgba(4, 20, 42, .78);
    inset: 0;
    position: absolute;
}

.natreb-product-modal__dialog {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .35);
    box-sizing: border-box;
    max-height: calc(100vh - 40px);
    max-width: 1240px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 36px 28px 28px;
    position: relative;
    touch-action: pan-y;
    width: calc(100vw - 40px);
}

.natreb-product-modal__close {
    align-items: center;
    background: #062d57;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 28px;
    height: 38px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 4px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 38px;
    z-index: 2;
}

@supports (clip-path: polygon(0 0)) {
    .natreb-product-modal__dialog {
        --natreb-popup-cut: 20px;
        clip-path: polygon(
            var(--natreb-popup-cut) 0,
            100% 0,
            100% calc(100% - var(--natreb-popup-cut)),
            calc(100% - var(--natreb-popup-cut)) 100%,
            0 100%,
            0 var(--natreb-popup-cut)
        );
    }

    .natreb-product-modal__close {
        clip-path: polygon(9px 0, 100% 0, 100% 29px, 29px 100%, 0 100%, 0 9px);
    }

    .natreb-product-modal .gform_wrapper form,
    .single-produtos .gform_wrapper form {
        --natreb-form-cut: 15px;
        background: transparent;
        border: 0;
        border-radius: 0;
        clip-path: polygon(
            var(--natreb-form-cut) 0,
            100% 0,
            100% calc(100% - var(--natreb-form-cut)),
            calc(100% - var(--natreb-form-cut)) 100%,
            0 100%,
            0 var(--natreb-form-cut)
        );
        isolation: isolate;
        position: relative;
    }

    .natreb-product-modal .gform_wrapper form::before,
    .natreb-product-modal .gform_wrapper form::after,
    .single-produtos .gform_wrapper form::before,
    .single-produtos .gform_wrapper form::after {
        content: "";
        inset: 0;
        pointer-events: none;
        position: absolute;
    }

    .natreb-product-modal .gform_wrapper form::before,
    .single-produtos .gform_wrapper form::before {
        background: #dce5ee;
        z-index: 0;
    }

    .natreb-product-modal .gform_wrapper form::after,
    .single-produtos .gform_wrapper form::after {
        background: #fbfcfd;
        clip-path: polygon(
            calc(var(--natreb-form-cut) - 1px) 0,
            100% 0,
            100% calc(100% - var(--natreb-form-cut) + 1px),
            calc(100% - var(--natreb-form-cut) + 1px) 100%,
            0 100%,
            0 calc(var(--natreb-form-cut) - 1px)
        );
        inset: 1px;
        z-index: 1;
    }

    .natreb-product-modal .gform_wrapper form > *,
    .single-produtos .gform_wrapper form > * {
        position: relative;
        z-index: 2;
    }

    .natreb-product-modal .gform_wrapper input:not([type="hidden"]),
    .natreb-product-modal .gform_wrapper select,
    .natreb-product-modal .gform_wrapper textarea,
    .single-produtos .gform_wrapper input:not([type="hidden"]),
    .single-produtos .gform_wrapper select,
    .single-produtos .gform_wrapper textarea {
        border-radius: 0 !important;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    }

    .natreb-product-modal .gform_button,
    .single-produtos .gform_button {
        border-radius: 0 !important;
        clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
    }
}

.natreb-product-modal__loading,
.natreb-product-modal__error {
    color: #062d57;
    margin: 60px 0;
    text-align: center;
}

html.natreb-product-modal-open,
body.natreb-product-modal-open {
    overflow: hidden !important;
}

.natreb-product-categories {
    color: #667085;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.5;
    margin: 2px 0 8px;
}

.natreb-product-categories a {
    color: #f15a24;
    text-decoration: none;
}

.natreb-product-categories a:hover {
    color: #062d57;
}

.natreb-product-modal .elementor-widget-video .elementor-wrapper,
.single-produtos .elementor-widget-video .elementor-wrapper {
    aspect-ratio: 16 / 9;
    background: #061a30;
    border: 1px solid rgba(6, 45, 87, .12);
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(6, 45, 87, .16);
    overflow: hidden;
}

.natreb-product-modal .elementor-widget-video iframe,
.natreb-product-modal .elementor-widget-video video,
.single-produtos .elementor-widget-video iframe,
.single-produtos .elementor-widget-video video {
    border: 0;
    height: 100% !important;
    width: 100% !important;
}

.natreb-product-modal .gform_wrapper fieldset.gfield,
.single-produtos .gform_wrapper fieldset.gfield {
    border: 0;
    margin: 0;
    padding: 0;
}

.natreb-product-modal .gform_wrapper form,
.single-produtos .gform_wrapper form {
    background: #fbfcfd;
    border: 1px solid #e7edf3;
    border-radius: 16px;
    box-sizing: border-box;
    margin-inline: auto;
    max-width: 920px;
    padding: 26px 28px;
}

.natreb-product-modal .gform_wrapper .gform_fields,
.single-produtos .gform_wrapper .gform_fields {
    column-gap: 18px !important;
    row-gap: 20px !important;
}

.natreb-product-modal .gform_wrapper .gfield_label,
.single-produtos .gform_wrapper .gfield_label {
    color: #26384a;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-bottom: 7px !important;
}

.natreb-product-modal .gform_wrapper .ginput_complex,
.single-produtos .gform_wrapper .ginput_complex {
    display: grid !important;
    gap: 14px 18px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.natreb-product-modal .gform_wrapper .ginput_complex > span,
.single-produtos .gform_wrapper .ginput_complex > span {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.natreb-product-modal .gform_wrapper .ginput_complex label,
.single-produtos .gform_wrapper .ginput_complex label {
    color: #667085;
    font-size: 13px !important;
    margin: 6px 2px 0 !important;
}

.natreb-product-modal .gform_wrapper input:not([type="submit"]),
.natreb-product-modal .gform_wrapper select,
.natreb-product-modal .gform_wrapper textarea,
.single-produtos .gform_wrapper input:not([type="submit"]),
.single-produtos .gform_wrapper select,
.single-produtos .gform_wrapper textarea {
    background: #f5f7f9 !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    height: 48px !important;
    min-height: 48px;
    padding-inline: 18px !important;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.natreb-product-modal .gform_wrapper textarea,
.single-produtos .gform_wrapper textarea {
    height: auto !important;
    min-height: 120px;
    padding-block: 14px !important;
}

.natreb-product-modal .gform_wrapper input:focus,
.natreb-product-modal .gform_wrapper select:focus,
.natreb-product-modal .gform_wrapper textarea:focus,
.single-produtos .gform_wrapper input:focus,
.single-produtos .gform_wrapper select:focus,
.single-produtos .gform_wrapper textarea:focus {
    border-color: #f15a24 !important;
    box-shadow: 0 0 0 3px rgba(241, 90, 36, .12) !important;
    outline: 0;
}

.natreb-product-modal .natreb-desired-product-field input {
    background: #eef3f8 !important;
    color: #062d57;
    font-weight: 700;
}

.natreb-product-modal .gform_button,
.single-produtos .gform_button {
    background: #062d57 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #fff !important;
    cursor: pointer;
    font-weight: 700 !important;
    min-height: 50px;
    padding: 0 28px !important;
}

.natreb-product-modal .gform_button:hover,
.single-produtos .gform_button:hover {
    background: #f15a24 !important;
}

.natreb-product-modal .gform_wrapper .gform_footer,
.single-produtos .gform_wrapper .gform_footer {
    margin-top: 22px !important;
    padding: 0 !important;
}

@supports (clip-path: polygon(0 0)) {
    .natreb-product-modal .gform_wrapper form,
    .single-produtos .gform_wrapper form {
        background: transparent;
        border: 0;
        border-radius: 0;
    }

    .natreb-product-modal .gform_wrapper input:not([type="hidden"]),
    .natreb-product-modal .gform_wrapper select,
    .natreb-product-modal .gform_wrapper textarea,
    .single-produtos .gform_wrapper input:not([type="hidden"]),
    .single-produtos .gform_wrapper select,
    .single-produtos .gform_wrapper textarea,
    .natreb-product-modal .gform_button,
    .single-produtos .gform_button {
        border-radius: 0 !important;
    }

    .natreb-product-modal .elementor-widget-video .elementor-wrapper,
    .single-produtos .elementor-widget-video .elementor-wrapper {
        border: 0;
        border-radius: 0;
        clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
    }
}

@media (max-width: 767px) {
    .natreb-product-modal__dialog {
        border-radius: 0;
        max-height: calc(100vh - 20px);
        padding: 48px 16px 20px;
        width: calc(100vw - 20px);
    }

    .natreb-product-modal .gform_wrapper form,
    .single-produtos .gform_wrapper form {
        border-radius: 0;
        padding: 20px 16px;
    }

    .natreb-product-modal .gform_wrapper .ginput_complex,
    .single-produtos .gform_wrapper .ginput_complex {
        grid-template-columns: 1fr !important;
    }
}

/* Header-NATREB: identidade visual técnica, limpa e responsiva. */
/* Header inicial: sobreposto ao Hero e sem placa de fundo. */
#pxl-header-elementor {
    position: absolute !important;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
}

body.admin-bar #pxl-header-elementor {
    top: 32px;
}

#pxl-header-elementor .pxl-header-elementor-main,
#pxl-header-elementor .pxl-header-content,
#pxl-header-elementor .elementor-element-321ce17,
#pxl-header-elementor .elementor-element-321ce17 > .elementor-background-overlay,
#pxl-header-elementor .pxl-header-mobile-default {
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Mantem o conteudo no lugar enquanto o fundo do Hero sobe sob o menu. */
#pxl-main > .elementor > :first-child {
    padding-top: 90px !important;
}

@media (max-width: 1200px) {
    #pxl-main > .elementor > :first-child {
        padding-top: 72px !important;
    }
}

@media (max-width: 782px) {
    body.admin-bar #pxl-header-elementor {
        top: 46px;
    }
}

@media (max-width: 480px) {
    #pxl-main > .elementor > :first-child {
        [Truncated]

/* Piloto 1598: botão fechar integrado ao canto direito da barra de navegação. */
.natreb-product-modal__dialog:has(.natreb-product-pilot) > .natreb-product-modal__close {
    position: sticky !important;
    z-index: 40;
    top: 10px;
    float: none;
    margin: -26px 0 -12px calc(100% - 22px);
}

@media (max-width: 767px) {
    .natreb-product-modal__dialog:has(.natreb-product-pilot) > .natreb-product-modal__close {
        top: 8px;
        margin: -40px 0 2px calc(100% - 32px);
    }
}


/* Piloto 1598: botão fechar integrado ao canto direito da barra de navegação. */
.natreb-product-modal__dialog:has(.natreb-product-pilot) > .natreb-product-modal__close {
    position: sticky !important;
    z-index: 40;
    top: 10px;
    float: none;
    margin: -26px 0 -12px calc(100% - 22px);
}

@media (max-width: 767px) {
    .natreb-product-modal__dialog:has(.natreb-product-pilot) > .natreb-product-modal__close {
        top: 8px;
        margin: -40px 0 2px calc(100% - 32px);
    }
}