@font-face {
    font-family: 'Gotham';
    src: url('fontes/subset-Gotham-Book.eot');
    src: url('fontes/subset-Gotham-Book.eot?#iefix') format('embedded-opentype'),
         url('fontes/subset-Gotham-Book.woff2') format('woff2'),
         url('fontes/subset-Gotham-Book.woff') format('woff'),
         url('fontes/subset-Gotham-Book.ttf') format('truetype'),
         url('fontes/subset-Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fontes/subset-Gotham-Medium.eot');
    src: url('fontes/subset-Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('fontes/subset-Gotham-Medium.woff2') format('woff2'),
         url('fontes/subset-Gotham-Medium.woff') format('woff'),
         url('fontes/subset-Gotham-Medium.ttf') format('truetype'),
         url('fontes/subset-Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('fontes/subset-Gotham-Bold.eot');
    src: url('fontes/subset-Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('fontes/subset-Gotham-Bold.woff2') format('woff2'),
         url('fontes/subset-Gotham-Bold.woff') format('woff'),
         url('fontes/subset-Gotham-Bold.ttf') format('truetype'),
         url('fontes/subset-Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* reset css */
* { box-sizing: border-box; }
html { 
    --cor-primaria: #003f87; /* azul escuro */
    --cor-secundaria: #92c533; /* verde claro */
    --cor-terciaria: #d288bb; /* rosa */
    --cor-quartenaria: #ccebf8; /* azul agua */
    --cor-quinaria: #008ac6; /* azul claro */
    --cor-borda: #dde3eb; /* azul acizentado */
    --cor-detalhes: #a7cddd; /* azul agua acizentado */
    --cor-fundo: #f6f6f6; /* cinza claro */
    --cor-fundo-2: #e9f3d6; /* verde claro agua */
    --cor-branco: #ffffff; /* branco */
    --cor-preto: #000000; /* preto */
    --gap-lista: 30px;
    --column-count-lista: 1; 
}

html, body { margin: 0px; padding: 0px; font: 400 16px/1.6 'Gotham', sans-serif; letter-spacing: 1.3px; text-size-adjust: none; color: var(--cor-preto); background-color: var(--cor-fundo); }
header, main, section, div, article, aside, form, fieldset, footer { display: block; margin: 0px; padding: 0px; border: none; }
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }
ul, ol { margin: 0px 0px 0px 17px; padding: 0px; list-style-position: outside; }
img, figure, iframe, embed, object, video { display: block; margin: 0px; padding: 0px; max-width: 100%; border: none; }
input[type="submit"], [type="button"], input[type="file"] { cursor: pointer; }
input, button, select, option, optgroup, textarea { display: block; margin: 0px; padding: 0px; font: 400 16px/1 'Gotham', sans-serif; letter-spacing: 1.3px; text-size-adjust: none; color: var(--cor-preto); outline: none; border: none; }
input:focus::placeholder { opacity: 0 !important; }
textarea:focus::placeholder { opacity: 0 !important; }
::placeholder { opacity: 1 !important; color: var(--cor-preto) !important; }
img { height: auto; }
a { text-decoration: none; color: var(--cor-preto); }
a:hover { text-decoration: underline; }

/* geral */
.fancybox-container * { position: static; }
.fancybox-button { color: var(--cor-branco) !important; background-color: var(--cor-primaria) !important; }
.fancybox-navigation .fancybox-button--arrow_left { padding-left: 0px !important; }
.fancybox-navigation .fancybox-button--arrow_right { padding-right: 0px !important; }
.esconde-paragrafo-vazio { display: none; }
.cycle-slideshow { z-index: 1; }
.central { margin: 0px auto; padding: 0px 18px; width: 100%; max-width: 1260px; }
.clear { clear: both; }

.editor {
    --ck-image-style-spacing: 1.5em;

    & .image {
        margin-left: auto; margin-right: auto; text-align: center;
        &.image-style-block-align-left, &.image-style-block-align-right { max-width: calc(100% - var(--ck-image-style-spacing)); }
        &.image-style-align-left, &.image-style-align-right { clear: none; }
        &.image-style-side { margin-left: var(--ck-image-style-spacing); max-width: 50%; float: right; }
        &.image-style-align-left { margin-right: var(--ck-image-style-spacing); float: left; }
        &.image-style-align-right { margin-left: var(--ck-image-style-spacing); float: right; }
        &.image-style-block-align-right { margin-left: auto; margin-right: 0px; text-align: right; }
        &.image-style-block-align-left { margin-left: 0px; margin-right: auto; text-align: left; }
    }

    & .image-style-align-center { margin-left: auto; margin-right: auto; text-align: center; }
    & .image-style-align-left { margin-right: var(--ck-image-style-spacing); text-align: left; float: left; }
    & .image-style-align-right { margin-left: var(--ck-image-style-spacing); text-align: right; float: right; }

    & p + .image.image-style-align-left, & p + .image.image-style-align-right, & p + .image.image-style-side { margin-top: 0px; }

    & .image-inline {
        &.image-style-align-left, &.image-style-align-right { margin-top: var(--ck-inline-image-style-spacing); margin-bottom: var(--ck-inline-image-style-spacing); }
        &.image-style-align-left { margin-right: var(--ck-inline-image-style-spacing); }
        &.image-style-align-right { margin-left: var(--ck-inline-image-style-spacing); }
    }
}
.editor * { margin: 0px !important; padding-inline-start: 0px !important; font-family: 'Gotham', sans-serif !important; font-size: 16px !important; line-height: 1.6 !important; }
.editor > * { padding-top: 20px; }
.editor > :first-child { margin-top: 0px !important; padding-top: 0px !important; }
.editor :is(h1, h2, h3, h4, h5, h6),
.editor :is(h1, h2, h3, h4, h5, h6) * { font-size: 21px !important; font-weight: 500 !important; }
.editor table { margin-top: 20px !important; padding-top: 0px !important; }
.editor time { display: block; }
.editor a { text-decoration: underline; }
.editor ul { margin-left: 0px !important; list-style-type: none; }
.editor ul li { padding-left: 20px !important; background: url('../img/ico-lista.svg') top 7px left no-repeat; background-size: 10px; }
.editor img { display: inline-block !important; vertical-align: top !important; max-width: 100%; }
.editor blockquote { margin-top: 20px !important; padding: 0px 0px 0px 10px !important; font-style: italic; color: inherit; border-left: 3px solid var(--cor-primaria); }
.editor hr { display: block; margin-top: 20px !important; padding-top: 0px !important; height: 1px; border: 0px; background-color: var(--cor-primaria); }
.editor .table {
    display: table;

    & table {
        width: 100%; height: 100%; border: 1px double hsl(0, 0%, 70%); border-collapse: collapse; border-spacing: 0px;
        & td, & th { padding: .4em; min-width: 2em; border: 1px solid hsl(0, 0%, 75%); }
        & th { font-weight: 500; background: hsla(0, 0%, 0%, 5%); }
    }
}

.lista { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: var(--gap-lista); }
:is(.owl-carousel, .lista) .bloco { position: relative; flex: none; width: calc((100% - (var(--gap-lista) * (var(--column-count-lista) - 1))) / var(--column-count-lista)); text-align: center; }
:is(.owl-carousel, .lista) .bloco .imagem { border-radius: 10px; border: 4px solid var(--cor-detalhes); background-color: var(--cor-branco); overflow: hidden; transition: all .30s linear; }
:is(.owl-carousel, .lista) .bloco .imagem figure img { transform: scale(1); width: 100%; transition: all .30s linear; }
:is(.owl-carousel, .lista) .bloco:hover .imagem { background-color: var(--cor-detalhes); transition: all .30s linear; }
:is(.owl-carousel, .lista) .bloco:hover .imagem figure img { transform: scale(1.1); transition: all .30s linear; }
:is(.owl-carousel, .lista) .bloco h2,
:is(.owl-carousel, .lista) .bloco h3 { padding-top: 15px; font-size: 16px; line-height: 1.3; font-weight: 500; }
:is(.owl-carousel, .lista) .bloco .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }

.titulo { margin-bottom: 20px; }
.titulo h2 { font-size: 25px; line-height: 1.3; font-weight: 500; color: var(--cor-primaria); }
.titulo h2 strong { color: var(--cor-secundaria); }
.titulo.italico h2 { font-style: italic; }
.titulo.menor { margin-bottom: 20px; }
.titulo.menor p { padding-bottom: 5px; font-weight: 500; }
.titulo.menor h2 { font-size: 21px; }

.titulo-botao { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; text-align: center; }
.titulo-botao > div { flex: none; width: 100%; }
.titulo-botao .titulo,
.titulo-botao .botao-compre-online { margin: 0px; }

.redes-sociais figure { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px; }
.redes-sociais figure a { display: block; flex: 1; max-width: 20px; }
.redes-sociais figure img { max-height: 20px; object-fit: contain; }
.redes-sociais.rodape figure { margin-top: 7px; }
.redes-sociais.rodape figure a { max-width: 30px; }
.redes-sociais.rodape figure img { max-height: 30px; }

.botao { margin-top: 30px; }
.botao a { display: inline-block; vertical-align: middle; padding: 14px 20px; font-size: 14px; line-height: 1; font-weight: 500; text-transform: uppercase; text-decoration: none; color: var(--cor-branco); border-radius: 10px; background-color: var(--cor-terciaria); overflow: hidden; transition: all .30s linear; }
.botao a:hover { background-color: var(--cor-quinaria); transition: all .30s linear; }

.botao-compre-online { margin-top: -22px; }
.botao-compre-online a { display: inline-block; vertical-align: middle; padding: 14px 15px 14px 52px; font-size: 16px; line-height: 1; font-weight: 500; text-decoration: none; color: var(--cor-branco); border-radius: 50px; background: var(--cor-terciaria) url('../img/ico-compre-online.svg') center left 15px no-repeat; background-size: 27px 23px; overflow: hidden; transition: all .30s linear; }
.botao-compre-online a:hover { background-color: var(--cor-primaria); transition: all .30s linear; }

.voltar { margin-top: 30px; }

.video-mp4 .container, 
.video-iframe .container,
.mapa .container { aspect-ratio: 16 / 9; }
.video-mp4 .container video,
.video-iframe .container iframe,
.mapa .container iframe { width: 100%; height: 100%; object-fit: cover; }

.centralizado,
.paginacao { text-align: center; }
.paginacao a { display: inline-block; vertical-align: middle; margin: 0px 4px; width: 36px; height: 36px; line-height: 36px; font-weight: 500; text-decoration: none; color: var(--cor-preto); background-color: var(--cor-quartenaria); transition: all .30s linear; }
.paginacao a:hover,
.paginacao a.ativo { color: var(--cor-branco); background-color: var(--cor-terciaria); transition: all .30s linear; }
.paginacao .seta.anterior:before { content: "\00ab"; }
.paginacao .seta.proximo:after { content: "\00bb"; }
.paginacao.com-margin { margin-top: 30px; }

main { padding-top: 102px; }

/* internas */
.internas .titulo-internas { padding: 25px 0px; text-align: center; background: var(--cor-quinaria); background: linear-gradient(180deg,rgba(0, 138, 198, 1) 0%, rgba(0, 138, 198, 1) 30%, rgba(0, 63, 135, 1) 100%); }
.internas .titulo-internas h1 { font-size: 20px; line-height: 1; font-weight: 500; text-transform: uppercase; color: var(--cor-branco); }
.internas .titulo-internas p { padding-bottom: 10px; font-size: 14px; line-height: 1; font-weight: 400; color: var(--cor-branco); }
.internas .titulo-internas.produto { text-align: left; }
.internas .titulo-internas.produto h1 { font-size: 18px; line-height: 1.3; text-transform: none; }
.internas .container-internas { padding: 40px 0px; }
.internas .container-internas.sem-padding-bottom { padding-bottom: 0px; }

/* busca */
#busca { position: fixed; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; top: 0px; left: 0px; padding: 0px 14px; width: 100%; height: 100vh; background: rgba(37, 40, 42, 0.9); opacity: 0; z-index: 999; }
#busca[hidden] { display: none; }
#busca form { flex: auto; width: 100%; max-width: 500px; text-align: center; }
#busca form label { display: block; padding-bottom: 30px; color: var(--cor-quinaria); }
#busca form input[type="text"] { padding: 0px 20px; width: 100%; height: 45px; line-height: 1; color: var(--cor-quinaria); background-color: rgba(255, 255, 255, 0.2); }
#busca .fechar-busca { flex: auto; position: absolute; top: 0px; right: 0px; padding: 22px; width: 14px; height: 14px; background: var(--cor-quinaria) url('../img/ico-fechar.svg') center no-repeat; background-size: 14px; cursor: pointer; }

/* abre menu sanduiche */
.sanduiche-aberto header .menu .desktop { display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; overflow-x: hidden; overflow-y: auto; transform: translateY(0px); transition: all .30s linear; z-index: 2; }
.sanduiche-aberto { overflow: hidden; }

/* validacao formulario */
.sucesso { font-weight: 500; color: #66b34e; }
.retorno { font-weight: 500; color: #cc0000; }
.retorno.erro { color: #cc0000 !important; border: 0px !important; }
.retorno.sucesso { color: #66b34e !important; }
.retorno:empty { display: none !important; }
.erro,
.erro:focus { color: #cc0000 !important; border: 4px solid #cc0000 !important; }
select.erro,
select:focus.erro { background: transparent url('../img/ico-seletor-erro.svg') center right 15px no-repeat !important; background-size: 21px 12px !important; }
label.erro { color: inherit !important; border: 0px !important; }

/* formulario */
.formulario form .duas-colunas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.formulario form .duas-colunas > div { flex: auto; width: 100%; }
.formulario form .duas-colunas + .duas-colunas { margin-top: 15px; }
.formulario form .duas-colunas + .campo { margin-top: 15px; }
.formulario form .campo input[type="text"] { padding: 0px 15px; width: 100%; height: 54px; line-height: 1; border: 4px solid var(--cor-detalhes); border-radius: 15px; overflow: hidden; }
.formulario form .campo input[type="text"]:focus { border-color: var(--cor-primaria); }
.formulario form .campo select { padding: 0px 42px 0px 15px; width: 100%; height: 54px; line-height: 1; border: 4px solid var(--cor-detalhes); border-radius: 15px; appearance: none; background: var(--cor-branco) url('../img/ico-seletor.svg') center right 15px no-repeat; background-size: 21px 12px; cursor: pointer; overflow: hidden; }
.formulario form .campo select:focus { border-color: var(--cor-primaria); background: var(--cor-branco) url('../img/ico-seletor-focus.svg') center right 15px no-repeat; background-size: 21px 12px; }
.formulario form .campo textarea { padding: 15px; width: 100%; height: 200px; border: 4px solid var(--cor-detalhes); border-radius: 15px; resize: vertical; overflow: hidden; }
.formulario form .campo textarea:focus { border-color: var(--cor-primaria); }
.formulario form .campo label { display: block; padding-bottom: 5px; }
.formulario form .campo + .campo { margin-top: 15px; }
.formulario form .campo + .duas-colunas { margin-top: 15px; }
.formulario form .concordo-enviar { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 30px; margin-top: 20px; padding-left: 37px; }
.formulario form .concordo-enviar > div { flex: none; width: 100%; }
.formulario form .campo.concordo input[type="checkbox"] { display: none; }
.formulario form .campo.concordo input[type="checkbox"] + label { position: relative; }
.formulario form .campo.concordo input[type="checkbox"] + label a { display: inline !important; text-decoration: underline; }
.formulario form .campo.concordo input[type="checkbox"] + label:before { content: '\00a0'; position: absolute; display: block; top: 0px; left: -37px; width: 22px; height: 22px; border: 1px solid var(--cor-preto); cursor: pointer; }
.formulario form .campo.concordo input[type="checkbox"]:checked + label:before { content: '\2713'; line-height: 22px; font-weight: 500; text-align: center; color: var(--cor-branco); background-color: var(--cor-preto); }
.formulario form .campo.enviar { margin-top: 0px; text-align: right; }
.formulario form .campo.enviar input[type="submit"] { display: inline-block; vertical-align: middle; padding: 14px 20px; font-size: 14px; line-height: 1; font-weight: 500; text-transform: uppercase; text-decoration: none; color: var(--cor-branco); border-radius: 10px; background-color: var(--cor-terciaria); overflow: hidden; transition: all .30s linear; }
.formulario form .campo.enviar input[type="submit"]:hover { background-color: var(--cor-quinaria); transition: all .30s linear; }
.formulario form.loading .campo.enviar input[type="submit"] { margin: 0px auto; padding: 0px; width: 20px; height: 20px; font-size: 0px; background: url('../img/loading.gif') no-repeat center; }

/* topo */
header { position: fixed; top: 0px; left: 0px; width: 100%; height: auto; z-index: 3; transition: all .30s linear; }
header:before { content: ""; position: absolute; display: block; top: 0px; width: 100%; height: 100%; background: linear-gradient(to right, #ce81b7 50%, #239b41 50%); z-index: 1; }
header .container { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px; background: url('../img/fundo-topo-mobile.jpg') top center no-repeat; background-size: 768px 100%; z-index: 2; }
header .container > div { flex: 1; }
header .logo { margin: 0px auto; width: 100%; max-width: 102px; transition: all .30s linear; }
header .logo figure img { width: 100%; }
header .menu { position: absolute; top: 0px; right: 0px; width: 100%; max-width: 38px; }
header .menu .mobile { position: fixed; top: 39px; right: 18px; width: auto; height: auto; z-index: 3; transition: all .30s linear; }
header .menu .mobile .mais { display: block; position: relative; width: 38px; height: 24px; cursor: pointer; }
header .menu .mobile .mais span { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 4px; background-color: var(--cor-branco); opacity: 1; transition: all .30s linear; }
header .menu .mobile .mais.fechado span:nth-child(1) { transform: rotate(0deg); }
header .menu .mobile .mais.fechado span:nth-child(2) { top: 10px; }
header .menu .mobile .mais.fechado span:nth-child(3) { top: 20px; transform: rotate(0deg); }
header .menu .mobile .mais.aberto { height: 29px; }
header .menu .mobile .mais.aberto span { background-color: var(--cor-branco); }
header .menu .mobile .mais.aberto span:nth-child(1) { top: -1px; left: auto; right: 6px; transform: rotate(-45deg); transform-origin: right center; }
header .menu .mobile .mais.aberto span:nth-child(2) { display: none; }
header .menu .mobile .mais.aberto span:nth-child(3) { top: 26px; left: auto; right: 6px; transform: rotate(45deg); transform-origin: right center; }
header .menu .desktop { position: fixed; top: 0px; right: 0px; width: 100%; height: 100vh; transform: translateY(-100%); background-color: var(--cor-quinaria); overflow: auto; transition: all .30s linear; }
header .menu .desktop .superior .central { padding: 0px 25px; }
header .menu .desktop .superior .conteudo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 13px; }
header .menu .desktop .superior nav { flex: none; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 15px; text-align: center; }
header .menu .desktop .superior nav a { flex: none; width: 100%; display: block; font-size: 14px; line-height: 1; font-weight: 500; white-space: nowrap; text-transform: uppercase; text-decoration: none; color: var(--cor-branco); transition: all .30s linear; }
header .menu .desktop .superior nav a:hover,
header .menu .desktop .superior nav a.ativo { color: var(--cor-primaria); transition: all .30s linear; }
header .menu .desktop .superior .logo { flex: none; width: 100%; display: none; }
header .menu .desktop .superior .infos { flex: none; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 19px; }
header .menu .desktop .superior .infos .telefone { flex: none; width: 100%; text-align: center; }
header .menu .desktop .superior .infos .telefone a { display: inline-block; vertical-align: middle; padding-left: 34px; font-size: 14px; line-height: 19px; font-weight: 500; color: var(--cor-branco); background: url('../img/ico-telefone.svg') top left no-repeat; background-size: 19px; }
header .menu .desktop .superior .infos .redes-sociais { flex: none; width: 100%; }
header .menu .desktop .inferior { margin-top: 25px; padding: 25px; width: 100%; background-color: var(--cor-branco); overflow: hidden; }
header .menu .desktop .inferior .central { padding: 0px; }
header .menu .desktop .inferior .conteudo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 25px; width: 100%; }
header .menu .desktop .inferior nav { flex: none; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; text-align: center; }
header .menu .desktop .inferior nav a { flex: none; width: 100%; display: block; padding: 10px; font-size: 14px; line-height: 1; font-weight: 500; white-space: nowrap; text-transform: uppercase; text-decoration: none; color: var(--cor-primaria); transition: all .30s linear; }
header .menu .desktop .inferior nav a:hover,
header .menu .desktop .inferior nav .ativo { color: var(--cor-branco); background-color: var(--cor-quinaria); transition: all .30s linear; }
header .menu .desktop .inferior .busca { flex: none; width: 100%; max-width: 27px; cursor: pointer; }
header .menu .desktop .inferior .busca figure img { width: 100%; }

/* topo reduzido */
header.topo-reduzido .logo { max-width: 82px; transition: all .30s linear; }
header.topo-reduzido .menu .mobile { top: 31px; transition: all .30s linear; }

/* index */
#slides { position: relative; z-index: 1; }
#slides .video-slide { position: relative; height: 495px; overflow: hidden; z-index: 1; }
#slides .video-slide .video-mp4 { position: absolute; top: 0px; left: 0px; width: 100%; height: 495px; z-index: 1; }
#slides .video-slide .video-mp4 .container { z-index: 0; }
#slides .video-slide .video-mp4 .container:first-child { z-index: 1; }
#slides .video-slide .video-mp4 .container video { height: 495px; }
#slides .imagem { position: relative; height: 495px; overflow: hidden; z-index: 1; }
#slides .imagem picture { position: relative; display: block; width: 100%; height: 495px; }
#slides .imagem picture img { position: absolute; top: 0px; left: 50%; margin-left: -480px; width: auto; max-width: 960px; height: 495px; }
#slides .imagem picture .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
#slides .imagem .container { position: absolute; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; }
#slides .imagem .container > div { flex: none; padding: 0px 68px; max-width: 1424px; }
#slides .imagem .conteudo h1 { font-size: 30px; line-height: 1.3; font-weight: 500; text-transform: uppercase; color: var(--cor-quartenaria); }
#slides .imagem .conteudo h2 { font-size: 30px; line-height: 1.3; font-weight: 500; font-style: italic; color: var(--cor-quartenaria); }
#slides .imagem .conteudo { width: 100%; max-width: 360px; text-align: center; }
#slides .imagem .conteudo.esquerda { margin: 0px; }
#slides .imagem .conteudo.centro { margin: 0px auto; }
#slides .imagem .conteudo.direita { margin: 0px 0px 0px auto; }
#slides .imagem:hover .botao a { background-color: var(--cor-quinaria); }
#slides .setas > :is(.anterior, .proximo) { position: absolute; display: block; top: 50%; margin-top: -16px; width: 32px; height: 32px; cursor: pointer; z-index: 2; }
#slides .setas > :is(.anterior, .proximo) figure { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 32px; }
#slides .setas > :is(.anterior, .proximo) figure img { max-height: 32px; margin: 0px auto; }
#slides .setas .anterior { left: 18px; }
#slides .setas .proximo { right: 18px; }

#chamada-produtos { padding: 40px 0px 80px; background: url('../img/fundo-chamada-produtos.png') bottom center no-repeat; background-size: 100%; }
#chamada-produtos .owl-carousel { position: relative; margin-top: 30px; }
#chamada-produtos .owl-carousel .bloco { width: 100%; }
#chamada-produtos .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 32px; height: 100%; font-size: 0px; cursor: pointer; }
#chamada-produtos .owl-carousel .owl-nav .owl-prev { left: 22px; width: 32px; height: 32px; background: url('../img/ico-seta-anterior-carousel.svg') top left no-repeat; background-size: 32px; }
#chamada-produtos .owl-carousel .owl-nav .owl-next { right: 22px; width: 32px; height: 32px; background: url('../img/ico-seta-proximo-carousel.svg') top left no-repeat; background-size: 32px; }
#chamada-produtos .owl-carousel .owl-nav .owl-prev.disabled,
#chamada-produtos .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; }

#chamada-blog { padding: 40px 0px 80px; background: var(--cor-quartenaria) url('../img/fundo-chamada-blog.png') bottom center no-repeat; background-size: 100%; }

.blog:not(.blog-detalhes) { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: var(--gap-lista); }
.blog > div { flex: none; width: 100%; }
.blog .blog-destaque .bloco .breve { margin-top: 25px; }
.blog .lista-blog .bloco { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 20px; }
.blog .lista-blog .bloco > div { flex: none; width: 100%; }
.blog .bloco { position: relative; }
.blog .bloco .imagem { border-radius: 10px; overflow: hidden; }
.blog .bloco .imagem figure img { transform: scale(1); width: 100%; transition: all .30s linear; }
.blog .bloco:hover .imagem figure img { transform: scale(1.1); transition: all .30s linear; }
.blog .bloco .breve h2,
.blog .bloco .breve h3 { padding-bottom: 20px; font-size: 18px; line-height: 1.3; font-weight: 500; color: var(--cor-primaria); }
.blog .bloco .breve .ler-mais { padding: 20px 0px 10px; display: inline-block; vertical-align: middle; line-height: 1; font-weight: 500; color: var(--cor-primaria); border-bottom: 2px solid var(--cor-primaria); }
.blog .bloco .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }
.blog .bloco + .bloco { margin-top: 30px; }

#video-destaque { padding: 40px 0px; background-position: top center; background-repeat: no-repeat; background-size: cover; }

#chamadas-destaques { padding:40px 0; background-color: var(--cor-fundo-2); }
#chamadas-destaques .lista-destaques { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: var(--gap-lista); --gap-lista: 20px; --column-count-lista: 1; }
#chamadas-destaques .lista-destaques .bloco { position: relative; flex: none; width: calc((100% - (var(--gap-lista) * (var(--column-count-lista) - 1))) / var(--column-count-lista)); }
#chamadas-destaques .lista-destaques .bloco figure { border-radius: 10px; overflow: hidden; }
#chamadas-destaques .lista-destaques .bloco figure img { width: 100%; transform: scale(1); transition: all .30s linear; }
#chamadas-destaques .lista-destaques .bloco:hover figure img { transform: scale(1.1); transition: all .30s linear; }

/* empresa */
#empresa { position: relative; z-index: 1; }
#empresa .titulo-internas { position: absolute; top: 0px; left: 0px; width: 100%; height: auto; background: transparent; z-index: 2; }
#empresa .empresa-destaque { position: relative; background: var(--cor-branco); z-index: 1; }
#empresa .empresa-destaque picture { position: relative; display: block; width: 100%; height: 540px; overflow: hidden; z-index: 1; }
#empresa .empresa-destaque picture img { position: absolute; top: 0px; left: 50%; margin-left: -480px; width: auto; max-width: 960px; height: 540px; }
#empresa .empresa-destaque .sapo { position: relative; margin: -131px auto 0px; width: 100%; max-width: 164px; z-index: 2; }
#empresa .empresa-destaque .sapo figure img { width: 100%; }
#empresa .empresa-destaque .container { padding: 40px 0px; }
#empresa .empresa-destaque .conteudo { margin: 0px auto; width: 100%; max-width: 770px; text-align: center; }
#empresa .empresa-destaque .subtitulo h2 { font-size: 21px; font-weight: 500; }
#empresa .sobre { margin-top: 40px; text-align: center; background-color: var(--cor-fundo); }
#empresa .sobre .alinha { margin: 0px auto; width: 100%; max-width: 770px; text-align: center; }
#empresa .blocos { padding: 40px 0px; background-color: var(--cor-branco); }
#empresa .blocos .bloco { text-align: center; }
#empresa .blocos .bloco:nth-child(odd) .titulo h2 { color: var(--cor-secundaria); }
#empresa .blocos .bloco:nth-child(even) .titulo h2 { color: var(--cor-quinaria); }
#empresa .blocos .bloco + .bloco { margin-top: 20px; }
#empresa .galeria { padding: 40px 0px; }
#empresa .galeria .lista .bloco .imagem { border: 0px; }

/* produtos */
#produtos .produto-categoria { position: relative; height: 540px; overflow: hidden; z-index: 1; }
#produtos .produto-categoria picture { position: relative; display: block; width: 100%; height: 540px; }
#produtos .produto-categoria picture img { position: absolute; top: 0px; left: 50%; margin-left: -480px; width: auto; max-width: 960px; height: 540px; }
#produtos .produto-categoria .container { position: absolute; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; }
#produtos .produto-categoria .container > div { flex: none; }
#produtos .produto-categoria .conteudo { text-align: center; }
#produtos .produto-categoria .subtitulo h1 { font-size: 24px; line-height: 1.3; color: var(--cor-primaria); }
#produtos .produto-categoria .subtitulo + .breve { margin-top: 15px; }
#produtos .produto-categoria .breve p { font-size: 18px; font-weight: 400; color: var(--cor-primaria); }
#produtos .produto-subcategoria { position: relative; margin-top: -102px; z-index: 2; }
#produtos .produto-subcategoria .owl-carousel { position: relative; }
#produtos .produto-subcategoria .owl-carousel:has(.owl-nav.disabled) { padding: 0px; }
#produtos .produto-subcategoria .owl-carousel .bloco { width: 100%; }
#produtos .produto-subcategoria .owl-carousel .bloco .imagem { border: 0px; }
#produtos .produto-subcategoria .owl-carousel .bloco .imagem figure img { filter: grayscale(100%); }
#produtos .produto-subcategoria .owl-carousel .bloco:hover .imagem figure img,
#produtos .produto-subcategoria .owl-carousel .bloco.ativo .imagem figure img { filter: none; }
#produtos .produto-subcategoria .owl-carousel .bloco:hover h2,
#produtos .produto-subcategoria .owl-carousel .bloco.ativo h2 { opacity: 1; transition: all .30s linear; }
#produtos .produto-subcategoria .owl-carousel .bloco h2 { padding-top: 15px; font-size: 20px; line-height: 1.3; font-weight: 500; color: var(--cor-primaria); opacity: 0.5; transition: all .30s linear; }
#produtos .produto-subcategoria .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 32px; height: 100%; font-size: 0px; cursor: pointer; }
#produtos .produto-subcategoria .owl-carousel .owl-nav .owl-prev { left: 22px; width: 32px; height: 32px; background: url('../img/ico-seta-anterior-carousel.svg') top left no-repeat; background-size: 32px; }
#produtos .produto-subcategoria .owl-carousel .owl-nav .owl-next { right: 22px; width: 32px; height: 32px; background: url('../img/ico-seta-proximo-carousel.svg') top left no-repeat; background-size: 32px; }
#produtos .produto-subcategoria .owl-carousel .owl-nav .owl-prev.disabled,
#produtos .produto-subcategoria .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; }
#produtos .conheca-tambem { padding: 40px 0px; background-color: var(--cor-branco); }
#produtos .conheca-tambem .titulo h2 { color: var(--cor-quinaria); }

/* produto detalhes */
#produtos .produto-detalhes .container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: var(--gap-lista); }
#produtos .produto-detalhes .container > div { flex: none; width: 100%; }
#produtos .produto-detalhes .imagem { border-radius: 10px; border: 4px solid transparent; background-color: var(--cor-branco); overflow: hidden; }
#produtos .produto-detalhes .imagem figure img { width: 100%; }
#produtos .produto-detalhes .imagem a { display: block; }
#produtos .produto-detalhes .texto strong { color: var(--cor-primaria); }

/* blog */
#blog .conteudo { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: var(--gap-lista); }
#blog .conteudo .blog,
#blog .conteudo aside { flex: none; width: 100%; }
#blog .blog .lista-blog .bloco { padding-top: 30px; border-top: 2px solid var(--cor-borda); }
#blog aside { display: block; }
#blog aside h2 { padding-bottom: 25px; font-size: 18px; line-height: 1; font-weight: 500; color: var(--cor-primaria); }
#blog aside .busca-input form { position: relative; }
#blog aside .busca-input form input[type="text"] { padding: 0px 53px 0px 16px; width: 100%; height: 58px; line-height: 1; border: 4px solid var(--cor-terciaria); border-radius: 10px; }
#blog aside .busca-input form input[type="text"]:focus { border-color: var(--cor-secundaria); }
#blog aside .busca-input form input[type="submit"] { position: absolute; top: 0px; right: 16px; width: 27px; height: 58px; background: url('../img/ico-busca.svg') center left no-repeat; background-size: 27px; filter: brightness(0) saturate(100%) invert(50%) sepia(1%) saturate(499%) hue-rotate(98deg) brightness(99%) contrast(85%); }
#blog aside .categorias { margin-top: 40px; padding-top: 30px; border-top: 2px solid var(--cor-borda); }
#blog aside .categorias a { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px; text-decoration: none; }
#blog aside .categorias a + a { margin-top: 10px; }
#blog aside .categorias .categoria { flex: 1; width: 100%; display: block; }
#blog aside .categorias .quantidade { flex: none; width: auto; display: block; }

/* blog detalhes */
#blog .blog-detalhes a { display: inline-block; vertical-align: middle; text-decoration: underline; }
#blog .blog-detalhes .imagem figure { border-radius: 10px; overflow: hidden; }
#blog .blog-detalhes .imagem figure img { width: 100%; }
#blog .blog-detalhes .imagem figure figcaption { padding-top: 10px; font-weight: 500; }
#blog .blog-detalhes .imagem:has(figcaption) + .detalhes { margin-top: 20px; }
#blog .blog-detalhes .detalhes { margin-top: 25px; }
#blog .blog-detalhes .detalhes h2 { padding-bottom: 20px; font-size: 18px; line-height: 1.3; font-weight: 500; color: var(--cor-primaria); }
#blog .blog-detalhes .detalhes .fonte-noticia { margin-top: 20px; }
#blog .blog-detalhes .detalhes .fonte-noticia p { font-weight: 500; }
#blog .blog-detalhes .galeria { margin-top: 35px; }
#blog .blog-detalhes .galeria .lista { --gap-lista: 30px; }
#blog .blog-detalhes .galeria .lista .bloco .imagem { border: 0px; }
#blog .blog-detalhes .galeria .lista .bloco + .bloco { margin-top: 0px; }
#blog .blog-detalhes .downloads { margin-top: 40px; }
#blog .blog-detalhes .downloads .conteudo { --gap-lista: 30px; }
#blog .blog-detalhes .downloads .conteudo > div { flex: none; width: 100%; }

/* contato */
#contato .contato .conteudo { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 30px; }
#contato .contato .conteudo > div { flex: none; width: 100%; }
#contato .contato .infos h2 { padding-bottom: 30px; font-size: 21px; line-height: 1.3; font-weight: 500; text-transform: uppercase; color: var(--cor-primaria); }
#contato .contato .infos .bloco { display: flex; align-items: center; justify-content: center; gap: 15px; letter-spacing: 0.65px; }
#contato .contato .infos .bloco > div { flex: 1; }
#contato .contato .infos .bloco .icone { width: 100%; max-width: 45px; }
#contato .contato .infos .bloco .icone figure img { width: 100%; mix-blend-mode: multiply; }
#contato .contato .infos .bloco.e-mail { word-break: break-all; }
#contato .contato .infos .bloco + .bloco { padding-top: 30px; border-top: 1px solid var(--cor-fundo-primaria); }
#contato .contato .infos .mapa { margin-top: 15px; }
#contato .contato .infos .mapa iframe { width: 100%; height: 320px; }
#contato .mapa { margin-top: 40px; padding: 40px 0px; background-color: var(--cor-quartenaria); }

/* erro 404 */
#erro-404 .texto { text-align: center; }

/* rodape */
footer .superior { position: relative; background: var(--cor-quinaria) url('../img/fundo-rodape.png') bottom center no-repeat; background-size: 100%; }
footer .superior:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../img/sombra-rodape.png') top center repeat-x; background-size: 1px 100%; }
footer .superior .conteudo { position: relative; padding: 30px 0px; z-index: 2; }
footer .superior .lista { justify-content: space-between; --column-count-lista: 1; }
footer .superior .lista .bloco * { font-size: 15px; color: var(--cor-branco); }
footer .superior .lista .bloco > div h2 { padding: 0px 0px 10px 0px; font-weight: 500; text-transform: uppercase; }
footer .superior .lista .bloco .logo { margin: 0px auto; width: 100%; min-width: 92px; max-width: 92px; transition: all .30s linear; }
footer .superior .lista .bloco .logo figure img { width: 100%; }
footer .superior .lista .bloco .contato { margin: 0px auto; width: 100%; max-width: 400px; }
footer .superior .lista .bloco .contato .endereco { font-style: normal; }
footer .superior .lista .bloco .contato .infos span { display: block; }
footer .superior .lista .bloco .contato .infos .separador { display: none; }
footer .copyright { padding: 18px 0px; background-color: #016CA4; }
footer .copyright .conteudo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; }
footer .copyright .conteudo > div { flex: none; width: 100%; }
footer .copyright .texto { font-size: 15px; letter-spacing: 0.65px; text-align: center; }
footer .copyright .texto * { color: #ffffff; }
footer .copyright .logo { width: 100%; max-width: 96px; }
footer .copyright .logo figure img { width: 100%; }
footer .whatsapp-fixo { position: fixed; bottom: 20px; right: 20px; padding-top: 50px; width: auto; height: auto; z-index: 999; }
footer .whatsapp-fixo figure img { width: 100%; max-width: 40px; }
footer .whatsapp-fixo .lista-whats { position: absolute; width: 280px; height: 300px; top: -270px; right: 0px; border-radius: 8px; box-shadow: 0px 8px 25px -5px rgba(45,62,79,.15); background-color: var(--cor-branco); opacity: 0; visibility: hidden; transform: translateY(50px) scale(0.9); transition: all .30s linear; }
footer .whatsapp-fixo .lista-whats.aberto { opacity: 1; visibility: visible; transform: translateY(0) scale(1); transition: all .30s linear; }
footer .whatsapp-fixo .lista-whats h3 { padding: 15px; font-size: 16px; line-height: 1.3; font-weight: 500; color: var(--cor-branco); border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #25d366; }
footer .whatsapp-fixo .lista-whats .miolo { padding: 15px; height: 72.5%; }
footer .whatsapp-fixo .lista-whats .miolo:after { content:''; position: absolute; display: block; bottom: -6px; right: 15px; width: 12px; height: 12px; background-color: var(--cor-branco); transform: rotate(45deg); }
footer .whatsapp-fixo .lista-whats .miolo .lista { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; flex-flow: column; gap: 10px; overflow: auto; }
footer .whatsapp-fixo .lista-whats .miolo .lista > a { flex: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px; padding: 10px; font-size: 15px; width: 100%; border-radius: 5px; background-color: var(--cor-fundo); }
footer .whatsapp-fixo .lista-whats .miolo .lista > a span { flex: none; display: block; width: auto; }
footer .whatsapp-fixo .lista-whats .miolo .lista > a .atendente { position: relative; width: 100%; max-width: 25px; }
footer .whatsapp-fixo .lista-whats .miolo .lista > a .atendente img { width: 100%; }
footer .whatsapp-fixo .lista-whats .miolo .lista > a .atendente::after { content: ''; position: absolute; display: block; top: 18px; right: -3px; padding: 2px; width: 10px; height: 10px; border-radius: 15px; background: #25d366 url('../img/ico-whatsapp.svg') center no-repeat; background-size: 10px; }
footer .whatsapp-fixo .lista-whats .miolo .lista > a .titulo-whatsapp { flex: 1; font-size: 14px; line-height: 25px; }

    
@media screen and (min-width:380px){

    /* produtos */
    #produtos .produto-subcategoria { margin-top: -124px; }

}