@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --cinza-claro: #FAF6F6;
    --azul-escuro: #013366;
    --azul-claro: #0886D3;
    --text-color: #000000;
}

body,
html {
    color: var(--text-color);
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

img {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}

p {
    color: var(--text-color);
    color: #000000;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.54px;
    margin: unset;
    margin-bottom: unset !important;
}

h1,
h2,
h3 {
    font-family: 'Poppins';
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    margin: unset;
}

a {
    color: var(--text-color);
    color: #6D6E70;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.54px;
    cursor: pointer;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* SCROLL */
body::-webkit-scrollbar,
.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 10px;
    background: var(--cinza);
}

body::-webkit-scrollbar-thumb,
.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(195, 181, 172, 0.5);
    mix-blend-mode: normal;
    border-radius: 5px;
}

::selection {
    background: rgba(204, 204, 204, 0.3);
}

/* FIM SCROLL */


/** INÍCIO DO CONTAINER GRID */
.container-grid {
    display: grid;
    margin: auto;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px 20px;
    padding: 30px 0px;
}

/** FIM DO CONTAINER GRID */

/** INICIO BREADCRUMB */
.breadcrumb {
    gap: 10px;
    max-width: fit-content;
}

.breadcrumb a,
span.breadcrumb-marker,
span.breadcrumb-title {
    color: #1D1A1A;
    font-size: 14px;
}

/** FIM BREADCRUMB */

/** CARROSSEL **/
.owl-slider.owl-theme .owl-dots .owl-dot span,
.owl-slider-2.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #DDF2FF;
}

.owl-slider.owl-theme .owl-dots .owl-dot.active span,
.owl-slider-2.owl-theme .owl-dots .owl-dot.active span {
    background: #90c8eb;
}

button.owl-dot:hover span {
    background: #90c8eb;
}

button.owl-dot:hover {
    background: none !important;
}

button.owl-dot.active:focus {
    background: none !important;
}

.owl-nav.disabled button span {
    font-size: 40px;
}

.owl-theme .owl-dots .owl-dot {
    outline: none;
}

.owl-theme .owl-dots .owl-dot span {
    width: 40px;
    height: 20px;
}

.owl-item .item img {
    height: auto;
}

#slider {
    position: relative;
}

#slider .owl-nav {
    margin-top: 0;
    position: absolute;
    width: 800px;
    left: calc((100% - 800px) / 2);
    text-align: center;
    display: flex;
    justify-content: space-between;
    bottom: 0%;
    top: 90%;
}

#slider .owl-nav.disabled {
    opacity: 0;
    display: none;
}

#slider .owl-nav span {
    font-size: 70px;
}

#slider .owl-dots {
    position: relative;
    z-index: 1;
    width: 40%;
    margin-top: -35px;
    left: 30%;
}

.owl-next button,
.owl-prev button {
    background: unset;
    border: none;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    outline: none !important;
    background: none !important;
}

.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    width: 1400px;
    left: calc((100% - 1400px) / 2);
    text-align: center;
    display: flex;
    justify-content: space-between;
    top: 200px;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    font-size: 50px;
}

.item_img_efect {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primaria_1);
    opacity: 0.8;
    transition: all .3s ease-in-out;
    display: none;
    justify-content: center;
    align-items: center;
}

.item_img_efect_svg {
    padding: 5px;
    border-radius: 5px;
    display: none;
}

.item_img_efect svg {
    fill: white;
}

article:hover .item_img_efect {
    display: flex;
}

article:hover .item_img_efect_svg {
    display: flex;
}

.img-gallery:hover .item_img_efect {
    display: flex;
}

.img-gallery:hover .item_img_efect_svg {
    display: flex;
}

.item_img {
    text-align: center;
    position: relative;
}

.item_img img {
    width: 100%;
    height: auto;
}

/** FIM CARROSSEL */

/*INICIO HEADER*/
.search-menu {
    position: absolute;
    top: 30px;
    right: 0;
    padding: 10px;
    background: #e9e9e9;
    width: 280px;
    max-width: 280px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    z-index: 99;
}

.search-form label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
}

#input-header-home-busca {
    width: 100%;
    padding: 10px;
    border: none;
    background: #e9e9e9;
    max-width: 210px;
}

input#input-header-home-busca:focus {
    outline: none;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

ul#menu-menu-principal li.current-menu-item {
    border-bottom: 1px solid;
}

.search-form label .search-close,
.search-form label .search-submit {
    position: absolute;
    background: none;
    color: #e4e4e4;
    border: none;
}

.search-form label .search-close svg,
.search-form label .search-submit svg {
    fill: #6b6969;
    border: none;
    width: 12px;
}

.search-form label .search-close {
    right: 40px;
}

.search-form label .search-submit {
    right: 15px;
}

.header-content-desk {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 10px 0px;
}

.header-logo {
    display: flex;
    align-items: center;
    gap: 30px;
}

.header-logo img {
    max-width: 128px;
}

header .titulo-header {
    padding: 0 15px 0 50px;
}

.header-content-desk {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
}

.header-content-desk ul li a {
    font-size: 16px;
    color: #1D1A1A;
}

.header-content-desk .menu-desk {
    gap: 100px;
}

nav.container-fluid.navbar.navbar-expand-lg {
    border-bottom: 1px solid var(--cinza);
}

.pre-header {
    background: var(--azul-claro);
}

.content-pre-header {
    display: flex;
    justify-content: space-between;
}

ul.redes-sociais {
    padding: unset;
    list-style: none;
    margin: unset;
    display: flex;
    gap: 25px;
    align-items: center;
}

ul#menu-menu-principal {
    padding: unset;
    list-style: none;
    margin: unset;
    display: flex;
    gap: 40px;
}

.header-conteudo {
    display: flex;
    gap: 40px;
    align-items: center;
    position: relative;
}

.header-content-desk ul li a:hover {
    border-bottom: 1px solid #1D1A1A;
}

.content-pre-header p {
    color: white;
}

.content-pre-header {
    padding: 10px 0;
}

.segmentos-header,
.produtos-header {
    position: relative;
}

.segmentos-header .sub-menu,
.produtos-header .sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    width: 170px;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

.produtos-header .sub-menu {
    width: 125px
}

.segmentos-header:hover .sub-menu,
.produtos-header:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.segmentos-header .sub-menu li a,
.produtos-header .sub-menu li a {
    display: block;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.segmentos-header .sub-menu li a:hover,
.produtos-header .sub-menu li a:hover {
    background: #f5f5f5;
}

.segmentos-header:hover .sub-menu li a,
.produtos-header:hover .sub-menu li a {
    border: unset;
}

.pre-header ul.redes-sociais li a:hover svg path {
    fill: var(--azul-escuro);
}

.pre-header ul.redes-sociais li a svg path {
    transition: all 0.3s ease-in-out;
}

/*FIM HEADER*/

/* INICIO BOTÕES */
.button-azul {
    background: var(--azul-claro);
    border-radius: 50px;
    padding: 10px 40px;
    color: white;
    width: fit-content;
}

.button-azul:hover {
    background: var(--azul-escuro);
    color: white;
}

.button-branco {
    background: transparent;
    border: 1px solid;
    border-radius: 50px;
    padding: 10px 40px;
    color: white;
}

.button-branco:hover {
    color: var(--azul-claro);
}

.button-preto {
    background: transparent;
    border: 1px solid;
    border-radius: 50px;
    padding: 10px 40px;
    color: #1D1A1A;
    transition: all 0.3s ease;
}

.button-branco:hover {
    color: black;
    background: white;
    border: 1px solid white;
}

.button-preto:hover {
    color: #ffffff;
    background: var(--azul-escuro);
}

.button-preto:hover p {
    color: white;
}

/* FIM BOTÕES */

/* HOME */
.sobre-home {
    padding: 50px 20px;
    background: var(--cinza-claro);
}

.descricao-sobre-home {
    padding: 20px 0 40px;
}

.imagem-sobre-home img {
    border-radius: 10px;
}

.imagem-nossa-historia img {
    border-radius: 10px;
}

.introducao-sobre-home {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 70px;
}

.detalhe {
    position: absolute;
    width: 281px;
    height: 106.5px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.detalhe-top {
    top: 0;
    left: 0;
    background-image: url('../images/detalhe-top.svg');
}

.detalhe-bottom {
    bottom: 0;
    right: 0;
    background-image: url('../images/detalhe-bottom.svg');
}

.segmentos-home {
    position: relative;
    padding: 50px 20px;
}

.categoria-item-home.ativo {
    color: var(--azul-escuro);
}

.produto-resumo-home,
.produto-imagem-home {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.fade-out {
    opacity: 0;
}

.produtos-home {
    padding: 50px 20px 0;
    background: linear-gradient(68deg, rgba(189, 230, 255, 1) 45%, rgba(221, 242, 255, 1) 57%);
}

.produtos-container-home {
    display: flex;
    gap: 50px;
    position: relative;
}

.produto-detalhe-home {
    display: flex;
}

.categorias-produtos-home li {
    position: relative;
    padding-left: 15px;
    margin: 12px 0;
    cursor: pointer;
    font-weight: 500;
    text-align: end;
    padding-right: 20px;
    font-size: 20px;
    font-weight: bold;
}

.categorias-produtos-home li::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 6px;
    background: white;
    transition: background 0.3s;
}

.categorias-produtos-home li:hover::before,
.categorias-produtos-home li.ativo::before {
    background: #007bff;
    /* cor da barrinha ativa */
}

ul.categorias-produtos-home {
    padding: unset;
    margin: unset;
    list-style: none;
    margin-top: 50px;
}

.background-produto-imagem-home {
    position: relative;
    width: 100%;
    /* background-image: url(../images/background-categoria-produto.png);
        background-repeat: no-repeat;
        background-size: contain; */
    overflow: hidden;
    max-width: 435px;
    min-width: 435px;
    max-height: 370px;
}

.produto-imagem-home {
    position: relative;
    z-index: 1;
    transition: opacity 0.5s ease;
    border-radius: 220px 220px 0 0;
    max-width: 435px;
    max-height: 370px;
}

p.produto-resumo-home {
    margin-top: 50px;
}

h2.titulo-produtos {
    text-align: center;
}

li.categoria-item-home svg {
    min-width: 22px;
}

.button-produtos {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cta-pronta-entrega {
    padding: 70px 20px;
}

.content-cta-pronta-entrega h2 {
    color: white;
    text-transform: uppercase;
}

.content-cta-pronta-entrega p {
    color: white;
    padding: 20px 0 30px;
}

.depoimentos {
    padding: 50px 20px;
    position: relative;
}

.arraste {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}

.arraste p {
    max-width: 234px;
    text-align: initial;
    font-size: 16px;
}

.detalhe-depoimentos {
    position: absolute;
    width: 170px;
    height: 140px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    background-image: url('../images/detalhe-depoimentos.svg');
}

.detalhe-depoimentos.top {
    top: 0px;
    left: 30px;
}

.detalhe-depoimentos.bottom {
    bottom: 0;
    right: 30px;
    transform: rotate(180deg);
}

.depoimento-item {
    padding: 30px 40px;
    box-shadow: 2px 4px 10px rgb(35 35 35 / 26%);
    margin: 10px;
}

.depoimento-item p {
    font-size: 16px;
}

.depoimento-item h3 {
    font-size: 18px;
    color: #404040;
    padding: 15px 0;
}

.intro-depoimentos p {
    padding: 10px 0 30px;
}

.sobre-nos-content p {
    padding: 20px 100px 0;
}

/* FIM HOME */

/* INICIO SOBRE NÓS */
.sobre-nos {
    padding: 50px 20px;
    background: none !important;
}

.content-nossa-historia {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 50px;
}

.descricao-nossa-historia p {
    padding-top: 20px;
}

.nossa-historia {
    padding: 50px 20px;
}

.imagem-nossa-historia {
    position: relative;
    display: inline-block;
    padding: unset;
    z-index: 1;
}

.imagem-nossa-historia::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 20px;
    width: 100%;
    height: 100%;
    border: 2px solid #009FE3;
    /* cor da borda */
    border-radius: 5px;
    /* opcional, se quiser cantos arredondados */
    z-index: -1;
}

.valores {
    padding: 30px 20px;
}

.item-valor h3 {
    font-size: 20px;
    padding: 15px 0 20px;
}

.item-valor p {
    font-size: 16px;
}

.content-cta-pronta-entrega.branco h2 {
    color: #1D1A1A;
}

.content-cta-pronta-entrega.branco p {
    color: #1D1A1A;
}

/* FIM SOBRE NÓS */


/** INICIO BLOG */
.blog {
    padding: 50px 0px;
}

.blog .container-grid {
    grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
}

.sidebar-relacionados {
    background: #F8F8F8;
    padding: 20px 15px;
}

.sidebar-relacionados img {
    max-width: 116px;
    height: auto;
}

.sidebar-relacionados p {
    font-size: 14px;
    padding: 15px 0 20px;
}

.search-sidebar .search-menu {
    position: unset;
    min-width: 100%;
}

.search-sidebar .search-menu form {
    display: flex;
    justify-content: space-between;
}

.search-sidebar input#input-header {
    background: unset;
    border: none;
}

.search-sidebar button#button-header {
    border: none;
    background: unset;
}

.search-sidebar input#input-header:focus {
    outline: none;
}

.search-sidebar {
    margin: 30px 0;
}

.sidebar-form {
    background: #F4FBFF;
    padding: 20px 15px;
}

.sidebar-form.formulario-contato input,
.sidebar-form.formulario-contato select {
    margin-bottom: 10px;
    font-size: 14px;
}

.titulo-sidebar h3 {
    font-size: 20px;
    padding-bottom: 10px;
}

.intro-side-form .titulo-sidebar {
    display: flex;
    justify-content: center;
}

.intro-side-form .titulo-sidebar h3 {
    border-bottom: 1px solid var(--azul-claro);
    width: fit-content;
    padding-bottom: 0;
}

.intro-side-form p {
    font-size: 14px;
    text-align: center;
    padding: 10px 0 15px;
}

.sidebar-form input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-contato {
    background: var(--azul-claro);
    border-radius: 50px;
    padding: 10px 20px;
    color: white;
    font-size: 14px;
    width: auto;
}

.sidebar-form .submit-content p {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.aside-category {
    padding: 0px 15px 40px;
}

article.item-blog {
    max-width: 415px;
}

.titulo-blog h1 {
    font-size: 40px;
    padding-bottom: 15px;
}

.item-img-blog img {
    height: 230px;
}

.categoria-blog {
    display: flex;
    justify-content: space-between;
}

.categoria-blog ul {
    list-style: none;
    padding: unset;
    margin: unset;
}

.categoria-blog a,
.categoria-blog {
    font-size: 14px;
    color: black;
    padding-top: 10px;
}

.item-titulo-blog h2 {
    font-size: 22px;
    padding: 10px 0 15px;
}

.resumo-post-blog p {
    font-size: 16px;
}

.resumo-post-blog {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.banner-imagem-single-blog img {
    height: auto;
    max-height: 452px;
}

.paginacao {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

.paginacao a,
.paginacao span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease;
}

.paginacao a:hover {
    border-color: #77bce6;
    color: var(--azul-claro);
}

.paginacao .current {
    background: #e9f2ff;
    border-color: #77bce6;
    color: var(--azul-claro);
    font-weight: 600;
}

.titulo-blog h1 {
    padding: 0px 0 30px;
}

.blog-posts-content-descricao p {
    padding-top: 20px;
    font-size: 16px;
}

.blog-posts-content-descricao h2 {
    font-size: 20px;
    padding-top: 20px;
}

.blog-posts-content-descricao h3 {
    font-size: 20px;
    padding-top: 20px;
}

.blog-listagem {
    padding: 50px 20px;
}

.ultimas-materias {
    padding: 0px 20px;
}

/* FIM BLOG */

/* INICIO PRODUTOS */
.produtos .container-grid {
    display: grid;
    margin: auto;
    grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    grid-gap: 30px 30px;
    padding: 30px 0px;
}

.produto-item img {
    height: 210px;
}

.intro-produtos {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.botao-catalogo {
    display: flex;
    height: 100%;
    align-items: end;
    justify-content: end;
}

.produto-post-titulo h2 {
    font-size: 25px;
    color: black;
}

.descricao-categoria p {
    font-size: 16px;
    padding: 10px 0;
}

.produto-post-descricao {
    background: #EEEEEE;
    padding: 30px 40px 50px;
    border-radius: 0px 0px 20px 20px;
}

/* Cards de categoria com mesma altura e botão alinhado embaixo */
a.category-item {
    display: flex;
}

a.category-item .produto-item {
    display: flex;
    flex-direction: column;
    flex: 1;
}

a.category-item .produto-post-descricao {
    display: flex;
    flex-direction: column;
    flex: 1;
}

a.category-item .produto-post-descricao .button-azul {
    margin-top: auto;
}

.produto-item img {
    border-radius: 20px 20px 0px 0px;
}

.produto-post-descricao .button-azul {
    max-width: 168px;
}

a.category-item img {
    transition: all 0.3s ease-in-out;
}

a.category-item:hover img {
    filter: contrast(0.7);
}

a.category-item .button-azul {
    transition: all 0.3s ease-in-out;
}

a.category-item:hover .button-azul {
    background: var(--azul-escuro);
}

#produtos {
    padding: 50px 20px;
}

/* INICIO DENTRO CATEGORIA PRODUTO */
.introducao-categoria-produtos h1 {
    font-size: 35px;
    padding: 25px 0 10px;
}

.introducao-categoria-produtos h2 {
    padding: 15px 0 10px;
    font-size: 25px;
}

.introducao-categoria-produtos h3 {
    padding: 20px 0 10px;
    font-size: 20px;
}

.introducao-categoria-produtos p {
    padding-bottom: 15px;
}

a.produto-item-menor {
    box-shadow: 2px 4px 10px rgb(35 35 35 / 26%);
    padding: 10px;
    max-width: 198px;
    min-width: 198px;
}

.listagem-produtos-categoria-content .container-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    display: flex;
    flex-wrap: wrap;
}

.produto-item-titulo-menor h2 {
    font-size: 15px;
    color: #1D1A1A;
    padding-top: 10px;
}

.imagem-produto-item-menor img {
    height: 153px;
    width: 100%;
    transition: all 0.5s ease-in-out;
}

.introducao-categoria-produtos {
    border-bottom: 1px solid #CACACA;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.listagem-produtos-categoria-content {
    border-bottom: 1px solid #CACACA;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.listagem-produtos-categoria {
    padding: 50px 20px;
}

.como-solicitar p {
    padding: 15px 0 30px;
}

.item-sidebar-categoria.active .nome-categoria {
    font-weight: 600;
    color: white;
    background: var(--azul-claro);
    border-radius: 6px;
    width: fit-content;
    padding: 0 5px;
}

.item-sidebar-categoria ul.lista-produtos {
    padding: 0px 0px 0px 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 10px;
}

.item-sidebar-categoria ul li a {
    font-size: 16px;
}

p.nome-categoria.categoria {
    color: var(--azul-escuro);
    font-weight: 600;
}

a.produto-item-menor:hover img {
    transform: scale(1.2);
}

.imagem-produto-item-menor {
    overflow: hidden;
}

.introducao-categoria-produtos img {
    border-radius: 8px;
}

.single .introducao-categoria-produtos img {
    /* float: right; */
    max-width: 500px;
    margin: 30px 0 20px 20px;
    border-radius: 10px;
}

.lista-produtos a.produto-ativo {
    font-weight: 600;
    border-bottom: 1px solid;
    color: #000000;
}

ul.lista-produtos li a:hover {
    color: black;
}

.produtos-single {
    padding: 50px 20px;
}

.segmento-item-texto svg path {
    fill: white;
}

/* FIM DENTRO CATEGORIA PRODUTO */
/* FIM PRODUTOS */

/* INICIO SEGMENTOS */
.segmentos .container-grid {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.segmentos {
    padding: 50px;
    position: relative;
}

.segmento-item {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

.resumo-segmento p {
    font-size: 16px;
}

.segmento-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.segmento-item:hover img {
    transform: scale(1.1);
    /* leve zoom */
}

.segmento-item:hover .segmento-item-texto {
    background: rgba(255, 255, 255, 0.8);
    /* fundo translúcido */
}

.segmento-item-texto {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: initial;
    text-align: initial;
    transition: all 0.4s ease-in-out;
    padding: 30px;
}

.resumo-segmento {
    display: none;
    transition: all 0.4s ease-in-out;
}

.segmento-item:hover .resumo-segmento {
    display: flex;
    flex-direction: column;
    align-items: initial;
    justify-content: initial;
    transition: all 0.4s ease-in-out;
}

.segmento-item:hover .segmento-item-texto {
    display: flex;
    transition: all 0.4s ease-in-out;
}

.segmento-item-texto h2 {
    font-size: 22px;
    color: white;
    padding-top: 10px;
    margin-bottom: 10px;
}

.segmento-item-texto:hover h2 {
    color: #1D1A1A;
}

.segmento-item-texto:hover p {
    color: #1D1A1A;
    font-size: 16px;
    padding-bottom: 15px;
}

.segmento-item-texto:hover svg path {
    fill: #1D1A1A;
}

.segmento-item-texto a.button {
    margin-top: 10px;
    padding: 8px 16px;
    border: 1px solid #000;
    border-radius: 20px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    transition: background 0.3s;
}

.segmento-item-texto a.button:hover {
    background: #000;
    color: #fff;
}

.resumo-segmento .button-preto {
    max-width: 100px;
    font-size: 14px;
    padding: 10px 20px;
}

.descricao-segmentos {
    padding: 10px 0 20px;
}

.produtos-relacionados .container-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.segmentos-single {
    padding: 50px 20px;
}

.aside-category .segmento-categoria h3 {
    font-size: 18px;
    color: black;
}

ul.produtos-relacionados-aside li a {
    font-size: 16px;
}

ul.produtos-relacionados-aside {
    padding: 0px 0px 0px 25px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 10px;
}

ul.lista-segmentos li.ativo a {
    font-weight: 600;
    color: white;
    background: var(--azul-claro);
    border-radius: 6px;
    width: fit-content;
    padding: 0 5px;
    font-size: 16px;
}

ul.lista-segmentos li a {
    font-size: 16px;
}

ul.lista-segmentos {
    padding: 0px 0 0px 10px;
}

/* FIM SEGMENTOS */

/* INICIO CONTATO */

.texto-contato h2 {
    font-weight: 700;
    margin-bottom: 10px;
}

.texto-contato {
    flex-direction: column;
}

.formulario-borda {
    border: 1px solid #007bff;
    border-right: none;
    border-top: none;
    border-bottom-left-radius: 60px;
    padding: 40px;
    position: relative;
}

.formulario-contato input {
    border: unset;
    border-bottom: 1px solid #bcbbbb;
    padding: 10px;
    margin-bottom: 30px;
    color: #565353;
    width: 100%;
}

.contato .formulario-contato input {
    max-width: 463px;
}

.formulario-contato input:focus {
    outline: none;
}

.formulario-contato select {
    border: unset;
    border-bottom: 1px solid #bcbbbb;
    margin-bottom: 30px;
    padding: 10px;
    color: #565353;
    width: 100%;
}

.contato .formulario-contato select {
    max-width: 463px;
}

.formulario-contato select:focus {
    outline: none;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-contato {
    background: var(--azul-claro);
    border-radius: 50px;
    padding: 10px 40px;
    color: white;
    font-size: 16px;
}

.whatsapp {
    padding: 50px 20px;
}

.content-whatsapp h2 {
    color: white;
}

.content-whatsapp p {
    color: white;
    font-size: 24px;
    padding: 30px 0 40px;
}

.intro-contato {
    position: relative;
    padding: 50px 20px;
}

.content-intro-contato h1 {
    font-size: 34px;
    padding-bottom: 20px;
}

.content-intro-contato p {
    padding-bottom: 10px;
}

.intro-contato .detalhe-bottom {
    bottom: -30px;
    left: 0;
    transform: scaleX(-1);
}

.localizacao {
    padding: 50px 20px;
}

.iframe-mapa::before {
    content: "";
    position: absolute;
    top: -30px;
    right: 20px;
    width: 100%;
    height: 100%;
    border: 2px solid #009FE3;
    border-radius: 5px;
    z-index: -1;
}

.iframe-mapa {
    position: relative;
}

.iframe-mapa iframe {
    max-width: 100%;
    height: 332px;
}

.container-fluid {
    overflow: hidden;
}

.infos-localizacao {
    padding-left: 100px;
}

.infos-localizacao .item-contato {
    display: flex;
    gap: 10px;
    align-items: center;
}

.infos-localizacao .item-contato p {
    font-size: 20px;
    font-weight: bold;
}

.infos-localizacao .item-contato {
    padding: 0 0 10px
}

.infos-localizacao .item-contato.endereco p {
    font-size: 16px;
    font-weight: normal;
    padding: 20px 0 20px;
}

/* FIM CONTATO */


/** FOOTER */
footer {
    padding: 50px 20px;
    background: var(--azul-escuro);
}

.listagem-blog-footer a {
    max-width: 50%;
}

.footer-navegavao.segmentos-footer {
    max-width: 180px;
}

footer ul#menu-menu-principal-2 li a:hover,
footer .footer-navegavao a:hover p {
    color: var(--azul-claro);
}

footer ul.redes-sociais li a:hover svg path {
    fill: var(--azul-claro);
}

footer ul.redes-sociais li a svg path {
    transition: all 0.3s ease-in-out;
}

.logo-bndes {
    padding-top: 50px;
}

.logo-bndes img {
    max-width: 112px;
    object-fit: contain;
}

.logo-bndes p {
    color: white;
    font-size: 15px;
    padding-bottom: 5px;
}

.content-footer-navegacao {
    display: flex;
    gap: 40px;
}

.listagem-blog-footer {
    display: flex;
    gap: 10px;
}

.img-item-footer img {
    width: 97px;
    height: auto;
    border-radius: 5px;
    width: 146px;
    max-height: 100px;
}

.item-blog-footer h3 {
    font-size: 14px;
    color: white;
    font-weight: 300;
}

h3.titulo-footer {
    font-size: 18px;
    color: white;
    padding-bottom: 5px;
}

ul#menu-menu-principal-2 li a {
    color: white;
    font-size: 15px;
}

.logo-footer img {
    max-width: 153px;
}

.logo-footer {
    text-align: center;
}

.descricao-footer p {
    font-size: 12px;
    color: white;
    padding-top: 5px;
    text-align: center;
}

.item-contato {
    color: white;
    font-size: 16px;
    padding-bottom: 5px;
}

.item-contato a {
    color: white;
    font-size: 16px;
    padding-bottom: 5px;
}

.redes-footer {
    padding-top: 20px;
}

.footer-navegavao p {
    color: white;
    font-size: 15px;
    padding-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

.copyright-footer {
    background: #515151;
    padding: 10px;
}

.copyright-footer * {
    color: white;
    FONT-SIZE: 16PX;
}

.copyright-footer a {
    color: white !important;
}

.copyright-footer svg {
    color: white;
    margin-left: 7px;
}

/** FIM FOOTER */


/** BTN TOP **/
.div-gotop {
    opacity: 0;
    display: block;
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 3000;
}

.div-gotop button.gotop {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #015a92a3;
    outline: 0 !important;
    box-shadow: none;
    border: 0px solid;
    text-shadow: none;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.div-gotop button.gotop img {
    width: 50px;
}

.div-gotop.active {
    opacity: 1;
}

.gotop svg {
    stroke: white;
    width: 23px;
    height: 17px;
}

.gotop svg path {
    stroke: white;
}

.div-gotop.active:hover button.gotop {
    background: var(--azul-escuro);
}

.div-gotop.active button.gotop {
    animation: 1.5s ease-out 0s 1 slideInFromTop;
}

/* FIM GOTOP */


/** INICIO DO MEDIA */
@media screen and (max-width: 1605px) {}

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

@media screen and (max-width: 1399px) {
    .header-content-desk .menu-desk {
        gap: 50px;
    }

    .header-content-desk {
        gap: 50px;
    }

    .content-footer-navegacao {
        display: flex;
        gap: 20px;
    }

    .sobre-nos-content p {
        padding: 20px 0 0;
    }

    aside.listagem-side-bar .button-azul {
        padding: 6px 20px;
        font-size: 16px;
    }
}

@media screen and (max-width: 1199px) {
    footer .imagem-footer img {
        max-width: 230px;
    }

    .produto-imagem-home {
        max-width: 330px;
        max-height: 280px;
    }

    .background-produto-imagem-home {
        min-width: 330px;
        max-width: 330px;
        max-height: 280px;
    }

    .content-footer-navegacao {
        gap: 20px;
    }

    .item-contato a {
        font-size: 14px;
    }

    .item-contato {
        font-size: 14px;
    }

    h3.titulo-footer {
        font-size: 16px;
    }
}

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

@media screen and (max-width: 991px) {
    .container-grid {
        justify-items: center;
    }

    .conteudo-header {
        display: flex;
        justify-content: space-between;
    }

    .header-content {
        flex-direction: column;
        position: relative;
        min-height: 45px;
        align-items: end !important;
        justify-content: center;
    }

    .link-extras {
        display: flex;
        gap: 10px;
        min-height: 50px;
        align-items: center;
    }

    .header-navbar {
        width: 100%;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23011763' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    button.navbar-toggler {
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    button.navbar-toggler.collapsed:focus {
        box-shadow: none;
    }

    .dropdown-toggle.nav-link {
        text-align: center;
    }

    .navbar-nav {
        padding: unset;
        align-items: end;
    }

    div#navegacao {
        width: 100%;
        border-bottom: 1px solid #dee0df;
        padding-top: 18px;
    }

    .acompanhe-as-redes {
        border-bottom: 1px solid #dee0df;
        padding-bottom: 18px;
    }

    .content-contato-header p {
        text-align: end;
        font-size: 16px;
        color: #777676;
    }

    header .navbar-nav li a {
        color: black;
        font-size: 16px;
    }

    .content-contato-header {
        width: 100%;
        padding: 18px 0;
    }

    .entre-em-contato {
        text-align: end;
        padding-bottom: 18px;
    }

    header .search-sidebar {
        margin: unset;
        width: 100%;
    }

    header .search-sidebar .search-menu {
        transform: unset;
    }

    header ul.redes-sociais li a svg path {
        fill: #4a4848;
    }

    header ul.redes-sociais li {
        width: auto;
    }

    header ul.redes-sociais {
        justify-content: end;
    }

    header .navbar-nav li {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid var(--cinza);
        text-align: end;
    }

    header .search-sidebar .search-menu {
        width: 100%;
    }

    /* HOME */
    .sobre-home {
        padding: 30px 20px;
    }

    .segmentos {
        padding: 30px 20px;
    }

    .produtos-home {
        padding: 30px 20px 0;
    }

    .cta-pronta-entrega {
        padding: 40px 20px;
    }

    .depoimentos {
        padding: 20px 20px;
    }

    .descricao-sobre-home {
        padding: 20px 0 20px;
    }

    .introducao-sobre-home {
        padding-left: 15px;
        align-items: center;
        padding-top: 15px;
    }

    .segmentos .detalhe.detalhe-top {
        display: none;
    }

    .segmentos .detalhe.detalhe-bottom {
        display: none;
    }

    .produto-detalhe-home {
        justify-content: initial;
        align-items: initial;
    }

    .categorias-produtos-home li {
        padding-right: 15px;
        font-size: 16px;
        min-width: 172px;
        padding-left: 0;
    }

    .produtos-container-home {
        gap: 20px;
    }

    .background-produto-imagem-home {
        display: block;
        width: 100%;
        height: 290px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .produtos-container-home {
        position: relative;
        padding-bottom: 290px;
    }

    p.produto-resumo-home {
        margin-top: unset;
    }

    ul.categorias-produtos-home {
        margin-top: unset;
    }

    .button-azul {
        padding: 6px 30px;
        font-size: 16px;
    }

    .button-produtos {
        bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .detalhe-depoimentos.bottom {
        display: none;
    }

    .detalhe-depoimentos.top {
        left: 5px;
    }

    .segmentos .container-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .segmento-item-texto h2 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .segmento-item-texto svg {
        max-width: 35px;
        height: auto;
    }

    .segmento-item-texto {
        padding: 15px;
    }

    .segmento-item:hover .resumo-segmento {
        display: none;
    }

    .intro-depoimentos p {
        padding: 10px 0 15px;
    }

    /* FIM HOME */
    /* FOOTER */
    footer {
        padding: 30px 20px;
    }

    footer ul.d-flex.d-lg-none.redes-sociais {
        justify-content: center;
        padding: 10px 0 20px;
    }

    footer .navbar-nav {
        align-items: initial;
    }

    .listagem-blog-footer {
        flex-direction: column;
    }

    .listagem-blog-footer a {
        display: flex;
        gap: 10px;
    }

    .content-footer-navegacao {
        padding-bottom: 20px;
    }

    .logo-bndes {
        padding-top: 20px;
    }

    /* FIM FOOTER */

    /* SOBRE */
    .nossa-historia {
        background: none !important;
    }

    .nossa-historia .row {
        flex-direction: column-reverse;
        gap: 20px;
        text-align: center;
    }

    .sobre-nos {
        background-image: var(--bg-mobile);
        background-size: cover;
        background-position-x: center;
        background-repeat: no-repeat;
    }

    .sobre-nos {
        padding: 30px 20px;
        background: none !important;
    }

    .nossa-historia {
        padding: 30px 20px;
    }

    .valores {
        padding: 0px 20px 30px;
    }

    .button-branco {
        padding: 6px 30px;
        font-size: 16px;
    }

    .button-preto {
        padding: 6px 30px;
        font-size: 16px;
    }

    .imagem-nossa-historia::before {
        top: -12px;
        left: 12px;
    }

    .content-nossa-historia {
        padding-right: 15px;
    }

    /* FIM SOBRE */

    /* SEGMENTOS */
    .descricao-segmentos {
        padding: 10px 0 0px;
    }

    .segmentos-single .row {
        flex-direction: column-reverse;
    }

    .segmentos-single {
        padding: 30px 20px;
    }

    .introducao-categoria-produtos h1 {
        font-size: 24px;
        padding: 10px 0 10px;
    }

    .introducao-categoria-produtos h2 {
        padding: 15px 0 10px;
        font-size: 20px;
    }

    .introducao-categoria-produtos h3 {
        font-size: 18px;
    }

    .dropdown.segmentos {
        width: auto;
        padding: unset;
    }

    .segmentos-single .categorias-mobile {
        padding: 10px 0 0 0;
    }

    .segmentos-filtros {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 5px;
        position: relative;
    }

    .segmentos-single ul.dropdown-menu.show {
        width: auto;
    }

    .dropdown.segmentos .dropdown-toggle::after {
        content: unset;
    }

    .dropdown.segmentos button.btn.btn-secondary.dropdown-toggle {
        background: var(--azul-claro);
        border: none;
        border-radius: 3px;
        padding: 10px;
        box-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
    }

    /* FIM SEGMENTOS */

    /* PRODUTOS */
    .intro-produtos {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }

    .titulo-produtos H1 {
        padding-bottom: 10px;
    }

    #produtos {
        padding: 30px 20px;
    }

    .produtos .container-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 30px 0px 0;
    }

    .listagem-produtos-categoria .row {
        flex-direction: column-reverse;
    }

    .listagem-produtos-categoria {
        padding: 30px 20px;
    }

    .listagem-produtos-categoria aside.listagem-side-bar {
        padding-top: 30px;
    }

    .produtos-single .row {
        flex-direction: column-reverse;
    }

    .produtos-single {
        padding: 30px 20px;
    }

    .produtos-single aside.listagem-side-bar {
        padding-top: 30px;
    }

    a.dropdown-item.active {
        background: var(--azul-claro);
        border-radius: 8px;
    }

    /* FIM PRODUTOS */

    /* CONTATOS */
    .intro-contato .detalhe-bottom {
        bottom: -10px;
        left: 0;
        transform: scaleX(-1);
        width: 120px;
        height: 45.5px;
    }

    .content-whatsapp p {
        font-size: 18px;
        padding: 20px 0 30px;
    }

    .texto-contato {
        flex-direction: column;
        text-align: center;
        padding: 0 40px;
    }

    .formulario-borda {
        position: relative;
    }

    .formulario-borda::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #007bff;
        border-right: none;
        border-top: none;
        border-radius: 0 0 0 60px;
        pointer-events: none;
        margin-left: 50px;
    }

    .formulario-borda {
        border: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 30px;
    }

    .localizacao .row {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .iframe-mapa iframe {
        width: 100%;
        border-radius: 15px;
    }

    .iframe-mapa::before {
        top: 20px;
        right: 20px;
        border-radius: 15px;
        border: 1px solid #009FE3;
    }

    .infos-localizacao {
        padding-left: unset;
        text-align: center;
    }

    .item-contato.endereco {
        justify-content: center;
    }

    .infos-localizacao .item-contato {
        justify-content: center;
    }

    .intro-contato {
        padding: 30px 20px;
    }

    .whatsapp {
        padding: 40px 20px;
    }

    /* FIM CONTATOS */

    /* BLOG */
    .breadcrumb a,
    span.breadcrumb-marker,
    span.breadcrumb-title {
        font-size: 12px;
    }

    .blog .row {
        flex-direction: column-reverse;
    }

    .titulo-blog h1 {
        padding: 0px 0 20px;
        font-size: 24px;
    }

    .blog-posts-content-descricao h2 {
        font-size: 18px;
    }

    .blog-posts-content-descricao h3 {
        font-size: 16px;
        padding-top: 20px;
    }

    .single .titulo-blog h1 {
        font-size: 21px;
    }

    .categorias-mobile {
        padding: 30px 0 15px;
    }

    button.btn.btn-secondary.dropdown-toggle {
        background: white;
        border-radius: 50px;
        color: black;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
    }

    .dropdown {
        width: 100%;
    }

    button.btn.btn-secondary.dropdown-toggle:focus {
        box-shadow: none;
    }

    ul.dropdown-menu.show {
        border-radius: 18px;
        border: 1px solid;
        width: 100%;
        min-width: 260px;
    }

    /* FIM BLOG */
}

@media screen and (max-width: 767px) {
    .content-footer-navegacao {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 20px;
    }
}

@media screen and (max-width: 576px) {
    .formulario-borda::before {
        margin-left: 30px;
    }

    .contato div#wpcf7-f6-o1 {
        padding: 0 40px;
    }
}

@media screen and (max-width: 500px) {
    .segmentos .container-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        padding-bottom: 0;
    }

    .produto-imagem-home {
        max-width: 300px;
        max-height: 255px;
    }

    .background-produto-imagem-home {
        min-width: 300px;
        max-width: 300px;
        max-height: 255px;
    }

    h1,
    h2,
    h3 {
        font-size: 24px;
        line-height: 1.2;
    }

    .depoimento-item {
        padding: 20px 20px;
    }
}

@media screen and (max-width: 475px) {
    p {
        font-size: 16px;
    }

    .copyright-footer * {
        FONT-SIZE: 14PX;
    }

    .header-content-desk {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        padding: 10px 10px;
    }

    ul.redes-sociais {
        gap: 5px;
        margin: unset;
    }

    ul.redes-sociais svg {
        max-width: 26px;
    }

    .div-gotop button.gotop {
        width: 50px;
        height: 50px;
    }

    .wa__btn_popup {
        right: 20px;
    }

    .produtos-container-home {
        flex-direction: column;
        align-items: center;
    }

    .categorias-produtos-home li::before {
        left: 0;
        right: unset;
    }

    .categorias-produtos-home li {
        text-align: initial;
        padding-left: 15px;
    }

    a.dropdown-item {
        white-space: break-spaces;
        font-size: 16px;
    }

    .listagem-produtos-categoria-content .container-grid {
        justify-content: center;
    }
}

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

    h1,
    h2,
    h3 {
        font-size: 22px;
        line-height: 1.2;
    }
}

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

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

    .header-logo img {
        max-width: 110px;
    }

}

/* ── Modal Tabela de Medidas ── */
.btn-tabela-medidas {
    display: inline-block;
    margin-top: 12px;
    padding: 20px 30px;
    background-color: #0886D3;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-tabela-medidas:hover {
    background-color: #066baa;
}

.modal-tabela-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 99999;
    justify-content: center;
    align-items: center;
}

.modal-tabela-overlay.ativo {
    display: flex;
}

.modal-tabela-container {
    background: #fff;
    border-radius: 8px;
    width: 90vw;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .4);
}

.modal-tabela-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e0e0;
    flex-shrink: 0;
}

.modal-tabela-titulo {
    font-weight: 700;
    font-size: 16px;
}

.modal-tabela-controles {
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-zoom {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-zoom:hover {
    background: #e0e0e0;
}

#zoomNivel {
    font-size: 13px;
    min-width: 40px;
    text-align: center;
}

.btn-fechar-modal {
    width: 32px;
    height: 32px;
    border: none;
    background: #e74c3c;
    color: #fff;
    border-radius: 4px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-fechar-modal:hover {
    background: #c0392b;
}

.modal-tabela-body {
    overflow: auto;
    flex: 1;
    padding: 16px;
    text-align: center;
}

.modal-tabela-img-wrap {
    display: inline-block;
    text-align: left;
}

.modal-tabela-img-wrap img {
    display: block;
    width: auto;
    max-width: none !important;
    height: auto;
    user-select: none;
}

/* ============================== Pagina ESG ============================== */

/* SEÇÃO 1 */

.esg-secao-1 {
    padding: 25px 10px 80px;
}

.esg-secao-1 h1 p {
    font-size: 44px;
    font-weight: 700;
    color: #0886d3;
    line-height: 1.3;
    text-align: end;
}

.esg-secao-1 p {
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

/* SEÇÂO 2 */

.esg-secao-2 {
    padding: 90px 10px 170px;
    position: relative;
}

.esg-secao-2 h2 p strong {
    font-size: 40px;
    font-weight: 700;
    color: #1d1a1a;
}

.esg-secao-2 h2 p {
    font-size: 24px;
    font-weight: 400;
    color: #1d1a1a;
}

.esg-secao-2 h2 {
    margin-bottom: 70px;
}

.esg-secao-2 h3 p {
    font-size: 32px;
    font-weight: 700;
    color: #0886d3;
}

.esg-secao-2 h3 {
    margin-bottom: 20px;
}

.esg-secao-2 p.subtitulo-2 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
}

.esg-secao-2 .subtitulo-2 {
    margin-bottom: 30px;
}

.esg-secao-2 p {
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.esg-secao-2 .img-secao-2 {
    width: 45vw;
    max-width: unset;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.col-imagem-secao-2 {
    overflow: hidden;
}

/* SEÇÂO 3 */

.esg-secao-3 {
    padding: 80px 10px 120px;
}

.esg-secao-3 h2 p strong {
    font-size: 40px;
    font-weight: 700;
    color: #1d1a1a;
}

.esg-secao-3 h2 p {
    font-size: 24px;
    font-weight: 400;
    color: #1d1a1a;
}

.esg-secao-3 h2 {
    margin-bottom: 50px;
}

.esg-secao-3 h3 p {
    font-size: 32px;
    font-weight: 700;
    color: #0886D3;
}

.esg-secao-3 h3 {
    margin-bottom: 70px;
}

.esg-secao-3 .textos {
    text-align: start;
}

.esg-secao-3 p {
    font-size: 20px;
    color: #000;
    font-weight: 400;
}


/* SEÇÂO 4 */
.esg-secao-4 {
    padding: 80px 10px 120px;
}

.esg-secao-4 h2 p strong {
    font-size: 40px;
    font-weight: 700;
    color: #ddf2ff;
}

.esg-secao-4 h2 p {
    font-size: 24px;
    font-weight: 400;
    color: #ddf2ff;
}

.esg-secao-4 h2 {
    margin-bottom: 40px;
}

.esg-secao-4 h3 p {
    font-size: 32px;
    font-weight: 700;
    color: #ddf2ff;
}

.esg-secao-4 h3 {
    margin-bottom: 40px;
}

.esg-secao-4 .subtitulo-2 p {
    font-size: 24px;
    color: #ddf2ff;
    font-weight: 600;
}

.esg-secao-4 .subtitulo-2 {
    margin-bottom: 30px;
}


.esg-secao-4 .textos {
    text-align: start;
}

.esg-secao-4 p {
    font-size: 20px;
    color: #ddf2ff;
    font-weight: 400;
}

/* SEÇÂO 5 */
.esg-secao-5 {
    padding: 80px 10px 80px;
}

.esg-secao-5 h2 p {
    font-size: 30px;
    font-weight: 700;
    color: #423f3f;
}

.esg-secao-5 h2 {
    margin-bottom: 10px;
}

.esg-secao-5 h3 p {
    font-size: 32px;
    font-weight: 400;
    color: #423f3f;
}

.esg-secao-5 h3 {
    margin-bottom: 10px;
}


.esg-secao-5 .textos {
    text-align: center;
}

.esg-secao-5 p {
    font-size: 20px;
    color: #423f3f;
    font-weight: 400;
}


/* SEÇÂO 6 */

.esg-secao-6 {
    background-color: #6b9dd3;
    padding: 70px 10px 70px;
}

.esg-secao-6 h2 p {
    font-size: 32px;
    font-weight: 700;
    color: #ddf2ff;
}

.esg-secao-6 h2 {
    margin-bottom: 30px;
}

.esg-secao-6 p {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
}

.btn-esg {
    font-size: 18px;
    background-color: #013366;
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px;
}

.contato-item img {
    max-width: 80px;
    height: auto;
}

.contato-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 20px 0;
}

.contato-item p {
    color: white;
    font-size: 20px;
}

.contato-item p b {
    font-size: 30px;
}

.row-contato-item {
    justify-content: center;
}


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

    /* SEÇÃO 1 */
    .esg-secao-1 {
        padding: 45px 20px;
    }

    .esg-secao-1 h1 p {
        font-size: 24px;
        font-weight: 700;
        color: #0886d3;
        line-height: 1.3;
        text-align: center;
    }

    .esg-secao-1 h1 {
        margin-bottom: 30px;
    }

    .esg-secao-1 p {
        font-size: 16px;
        color: #000;
        font-weight: 400;
        text-align: center;
    }


    /* SEÇÂO 2 */

    .esg-secao-2 {
        padding: 90px 10px 170px;
        position: relative;
    }

    .esg-secao-2 h2 p strong {
        font-size: 28px;
        font-weight: 700;
        color: #1d1a1a;
        text-align: center;
    }

    .esg-secao-2 h2 p {
        font-size: 24px;
        font-weight: 400;
        color: #1d1a1a;
        text-align: center;
    }

    .esg-secao-2 h2 {
        margin-bottom: 20px;
    }

    .esg-secao-2 h3 p {
        font-size: 22px;
        font-weight: 700;
        color: #0886d3;
        text-align: center;
    }

    .esg-secao-2 h3 {
        margin-bottom: 20px;
    }

    .esg-secao-2 .subtitulo-2 p {
        font-size: 18px;
        color: #000;
        font-weight: 600;
        text-align: center;
    }

    .esg-secao-2 .subtitulo-2 {
        margin-bottom: 20px;
    }

    .esg-secao-2 p {
        font-size: 16px;
        color: #000;
        font-weight: 400;
        text-align: center;
    }


    /* SEÇÂO 3 */

    .esg-secao-3 {
        padding: 20vw 20vw 20vw;
    }

    .esg-secao-3 h2 p strong {
        font-size: 28px;
        font-weight: 700;
        color: #1d1a1a;
        text-align: center;
    }

    .esg-secao-3 h2 p {
        font-size: 24px;
        font-weight: 400;
        color: #1d1a1a;
        text-align: center;
    }

    .esg-secao-3 h2 {
        margin-bottom: 20px;
        text-align: center;
    }

    .esg-secao-3 h3 p {
        font-size: 22px;
        font-weight: 700;
        color: #0886D3;
        text-align: center;
    }

    .esg-secao-3 h3 {
        margin-bottom: 20px;
        text-align: center;
    }

    .esg-secao-3 .textos {
        text-align: center;
    }

    .esg-secao-3 p {
        font-size: 16px;
        color: #000;
        font-weight: 400;
    }


    /* SEÇÂO 4 */
    .esg-secao-4 {
        padding: 80px 10px 120px;
    }

    .esg-secao-4 h2 p strong {
        font-size: 28px;
        font-weight: 700;
        color: #ddf2ff;
        text-align: center;
    }

    .esg-secao-4 h2 p {
        font-size: 24px;
        font-weight: 400;
        color: #ddf2ff;
        text-align: center;
    }

    .esg-secao-4 h2 {
        margin-bottom: 30px;
    }

    .esg-secao-4 h3 p {
        font-size: 22px;
        font-weight: 700;
        color: #ddf2ff;
        text-align: center;
    }

    .esg-secao-4 h3 {
        margin-bottom: 40px;
    }

    .esg-secao-4 .subtitulo-2 p {
        font-size: 18px;
        color: #ddf2ff;
        font-weight: 600;
        text-align: center;
    }

    .esg-secao-4 .subtitulo-2 {
        margin-bottom: 30px;
    }

    .esg-secao-4 .textos {
        text-align: center;
    }

    .esg-secao-4 p {
        font-size: 16px;
        color: #ddf2ff;
        font-weight: 400;
        text-align: center;
    }


    /* SEÇÂO 5 */
    .esg-secao-5 {
        padding: 80px 10px 80px;
    }

    .esg-secao-5 h2 p {
        font-size: 28px;
        font-weight: 700;
        color: #423f3f;
    }

    .esg-secao-5 h2 {
        margin-bottom: 10px;
    }

    .esg-secao-5 h3 p {
        font-size: 22px;
        font-weight: 400;
        color: #423f3f;
    }

    .esg-secao-5 h3 {
        margin-bottom: 25px;
    }

    .esg-secao-5 .textos {
        text-align: center;
    }

    .esg-secao-5 p {
        font-size: 16px;
        color: #423f3f;
        font-weight: 400;
    }


    /* SEÇÂO 6 */
    .esg-secao-6 {
        background-color: #6b9dd3;
        padding: 70px 10px 70px;
    }

    .esg-secao-6 h2 p {
        font-size: 22px;
        font-weight: 700;
        color: #ddf2ff;
    }

    .esg-secao-6 h2 {
        margin-bottom: 10px;
    }

    .esg-secao-6 p {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;

        text-align: center;
    }

    .btn-esg {
        margin-top: 20px;
        font-size: 18px;
        background-color: #013366;
        color: #fff;
        border-radius: 50px;
        padding: 10px 25px;
        text-align: center;
    }

    .col-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

}


@media screen and (max-width: 475px) {
    .esg-secao-3 {
        padding: 20vw 20px 20vw;
    }
}