/*
Theme Name: Brinks
Theme URI: https://prumotecnologia.com.br/
Author: Prumo Tecnologia
Author URI: https://prumotecnologia.com.br/
Description: Tema desenvolvido para a empresa Brinks
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 8.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: prumo

Prumo Tecnologia 2024
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* RESET BÁSICO */
*, *:before, *:after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-family: "avenir_regularregular";
    margin-top: 0 !important;
    accent-color: #80cde0;
}

img {
    max-width: 100%;
    display: block;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
    letter-spacing: -2px;
}
/* RESET BÁSICO */

/* VARS */
:root {
    --container-margin: clamp(25px, 7.321vw, 150px);
    --margin-bottom-slide-cliente: 30px;
    --margin-slider-home: 36px;
    --fs-20: clamp(12px, 1.464vw, 24px);
}

@media (min-width: 1700px) {
    :root {
        --container-margin: 200px;
    }
}

@media (max-width: 360px){ 
    :root {
        --container-margin: 20px;
    }
}
/* VARS */

#wpadminbar {
    display: none;
}

.balance-text {
    text-wrap: balance;   /* Apply (proposed) CSS style */
}

.hidden {
    display: none !important;
}

/* LINK ACESSIBILIDADE */
a#linkContent {
    position: absolute;
    inset: 10px auto auto 10px;
    transform: translateY(-200%);
    transition: transform 400ms ease-in;
    padding: 10px;
}

a#linkContent:focus {
    transform: translateY(0);
}

/* ACCORDION */
.accordion {
    background-color: #4eace9;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.accordion::after {
    content: '';
    display: block;
    background-image: url(img/seta-cima.svg);
    width: 20px;
    height: 20px;
    rotate: 180deg;
    transition: 0.4s;
}

.accordion.active::after {
    rotate: 0deg;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #4eace9;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-out;
    font-size: 15px;
    line-height: 1.5;
}

.panel table {
    margin-bottom: 20px;
}

section#texto .panel ul {
    padding-block: 20px;
}

section#texto .panel ul li {
    font-size: inherit;
}

section#texto .panel strong {
    font-family: 'avenirheavy';
}
/* ACCORDION */

nav#menumobile {
    display: none;
}

.menu-nav-mobile {
    display: none;
}

#chk-menu:checked~.menu-mobile {
   display: none;
}

.menu-nav-mobile {
    display: none;
}

#chk-menu:checked~.menu-mobile {
    display: none;
}


h2 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 6.003vw, 82px);
    color: #000000;
    margin-bottom: 30px;
    text-transform: uppercase;
}

h2.title-mobile {
    display: none;
}

header#header {
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0px;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-inline: var(--container-margin);

    font-size: 15px;
    color: #5e677b;

    width: 100%;
    z-index: 999;
}

ul#menuDesktop {
    display: flex;
}

ul.menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

ul.menu li {
    position: relative;
}

ul.menu li.menu-item.menu-item-has-children {
    cursor: pointer;
}

ul.menu li.menu-item.menu-item-has-children > a:after {
    display: inline-block;
    content: url("img/blue-arrow.png");
    margin-left: 4px;
}

ul.menu li a {
    font-family: "avenirheavy";
    font-size: 15px;
    color: #5e677b;
    text-decoration: none;
}

ul.sub-menu {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: max-content;
    top: 44px;
    background: #f3f4f4;
    padding: 20px 30px;
    border-radius: 0px 0px 14px 14px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s;
}

ul.sub-menu.flex {
    pointer-events: all;
    display: flex;
    opacity: 1;
}

ul.sub-menu li ul.sub-menu {
    position: static;
    display: flex;
    height: 0;
    padding: 0;
}

ul.sub-menu li ul.sub-menu.flex {
    height: auto;
    width: auto;
    padding: 15px 0px 0px 15px;
}

.btn-header-solucao {
    font-family: "avenirheavy";
    font-size: 15px;
    color: #fff;
    background-color: #4eace9;
    text-decoration: none;
    padding: 14px 14px;
    border-radius: 10px;
    display: inline-block;
}

div.container-btns-header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

div.slick-slide {
    position: relative;
}

button.slick-prev.slick-arrow {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: calc(50% - 22px);
    left: 20px;
    font-size: 0;
    background: transparent;
    border: 0px solid transparent;
    background-image: url(img/seta-esq.png);
    background-size: contain;
    width: 45px;
    height: 45px;
}

button.slick-next.slick-arrow {
    position: absolute;
    cursor: pointer;
    z-index: 10;
    top: calc(50% - 22px);
    right: 20px;
    font-size: 0;
    background: transparent;
    border: 0px solid transparent;
    background-image: url(img/seta-dir.png);
    background-size: contain;
    width: 45px;
    height: 45px;
}

div.banner-paralaxe {
    width: 100%;
    aspect-ratio: 683 / 347;
    position: relative;
    clip-path: inset(0);
}

div.banner-paralaxe img {
    object-fit: cover;
    position: fixed;
}

div.slick-slide div.container-banner-text,
div.banner-paralaxe div.container-banner-text {
    position: absolute;
    color: #fff;
    top: 130px;
    left: var(--container-margin);
    z-index: -1;
}

div.slick-slide.slick-current div.container-banner-text,
div.banner-paralaxe div.container-banner-text {
    z-index: 1;
}

div.slick-slide img,
div.banner-paralaxe img {
    width: 100%;
}

div.slick-slide div.container-banner-text div.txt-assunto-banner,
div.banner-paralaxe div.container-banner-text div.txt-assunto-banner {
    font-family: "avenirheavy";
    font-size: clamp(14px, 2.782vw, 40px);
    text-transform: uppercase;
    margin-bottom: var(--margin-slider-home);

    margin-left: -200%;
    transition: all 1s;
    max-width: 800px;
    text-wrap: balance;
}

div.slick-slide div.container-banner-text div.txt-assunto-banner.light,
div.banner-paralaxe div.container-banner-text div.txt-assunto-banner.light {
    font-family: "avenirlight";
    font-size: clamp(15px, 2.782vw, 42px);
}

div.slick-slide.slick-current div.container-banner-text div.txt-assunto-banner,
div.banner-paralaxe div.container-banner-text div.txt-assunto-banner {
    margin-left: 0;
}

div.slick-slide div.container-banner-text .titulo-banner,
div.banner-paralaxe div.container-banner-text .titulo-banner {
    font-family: "avenirheavy";
    text-transform: uppercase;
    font-size: clamp(24px, 4.612vw, 80px);
    line-height: 0.85;
    margin-bottom: var(--margin-slider-home);

    margin-left: -200%;
    transition: all 1.5s;
    letter-spacing: -1px;
}

div.slick-slide div.container-banner-text h2.titulo-banner,
div.banner-paralaxe div.container-banner-text h2.titulo-banner {
    margin-bottom: 14px;
}

div.slick-slide div.container-banner-text .titulo-banner.light,
div.banner-paralaxe div.container-banner-text .titulo-banner.light {
    font-size: clamp(24px, 6.042vw, 108px);
}

div.slick-slide.slick-current div.container-banner-text .titulo-banner,
div.banner-paralaxe div.container-banner-text .titulo-banner {
    margin-left: 0;
}

div.slick-slide div.container-banner-text .titulo-banner span,
div.banner-paralaxe div.container-banner-text .titulo-banner span {
    display: block;
}

div.slick-slide div.container-banner-text .texto-banner,
div.banner-paralaxe div.container-banner-text .texto-banner {
    font-size: clamp(14px, 1.757vw, 34px);
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    max-width: 750px;
    text-wrap: balance;
    /* margin-top: var(--margin-slider-home); */

    margin-left: -200%;
    transition: all 2s;
}

div.slick-slide div.container-banner-text .texto-banner h2,
div.banner-paralaxe div.container-banner-text .texto-banner h2 {
    font-size: clamp(28px, 4.685vw, 70px);
    line-height: 0.9;
    font-family: "avenirheavy";
    color: #fff;
    margin-bottom: 0;
}

div.slick-slide div.container-banner-text .texto-banner h2:last-of-type,
div.banner-paralaxe div.container-banner-text .texto-banner h2:last-of-type {
    margin-bottom: 14px;
}

div.slick-slide div.container-banner-text .texto-banner.light,
div.banner-paralaxe div.container-banner-text .texto-banner.light {
    font-size: clamp(25px, 4.246vw, 62px);
    font-family: "avenirlight";
    max-width: 980px;
    width: auto;
}

div.slick-slide div.container-banner-text .texto-banner.light p,
div.banner-paralaxe div.container-banner-text .texto-banner.light p {
    font-family: 'avenir_lt_std55_roman';
    font-size: clamp(22px, 2.782vw, 38px);
}

div.slick-slide div.container-banner-text .texto-banner strong,
div.banner-paralaxe div.container-banner-text .texto-banner strong {
    font-family: "avenirblack";
}

div.slick-slide.slick-current div.container-banner-text .texto-banner,
div.banner-paralaxe div.container-banner-text .texto-banner {
    margin-left: 0;
}

div.slick-slide div.container-banner-text a.button-banner,
div.banner-paralaxe div.container-banner-text a.button-banner {
    font-family: "avenirheavy";
    font-size: clamp(14px, 1.464vw, 28px);

    margin-top: 50px;
    padding: 17px 26px;
    background-color: #4eace9;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    display: inline-block;

    margin-left: -200%;
    transition: all 2.5s;
}

div.slick-slide div.container-banner-text a.button-banner.button-banner-log,
div.banner-paralaxe div.container-banner-text a.button-banner.button-banner-log {
    border-radius: 30px;
    font-family: "avenir_lt_std55_roman";
}

div.slick-slide.slick-current div.container-banner-text a.button-banner,
div.banner-paralaxe div.container-banner-text a.button-banner {
    margin-left: 0;
}

div.slick-slide div.container-banner-text .titulo-banner.pad-impar p:nth-child(odd),
div.slick-slide div.container-banner-text .titulo-banner.pad-impar span:nth-child(odd),
div.banner-paralaxe div.container-banner-text .titulo-banner.pad-impar p:nth-child(odd),
div.banner-paralaxe div.container-banner-text .titulo-banner.pad-impar span:nth-child(odd) {
    padding-left: 63px;
}

div.slick-slide div.container-banner-text .titulo-banner.pad-par p:nth-child(even),
div.slick-slide div.container-banner-text .titulo-banner.pad-par span:nth-child(even),
div.banner-paralaxe div.container-banner-text .titulo-banner.pad-par p:nth-child(even),
div.banner-paralaxe div.container-banner-text .titulo-banner.pad-par span:nth-child(even) {
    padding-left: 63px;
}

ul.slick-dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 60px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 20px;
    padding: 5px;
    padding-top: 0;
    transform: translateX(-50%);
}

ul.slick-dots li button {
    cursor: pointer;
    border-radius: 100px;
    background-color: #fff;
    border: 0px solid #fff;
    font-size: 0;
    width: 13px;
    height: 13px;
}

ul.slick-dots li.slick-active button {
    background-color: #4eace9;
}

section#solucoes {
    padding-inline: var(--container-margin);
    padding-top: 150px;
    padding-bottom: 150px;
}

section#solucoes h3 {
    font-family: "avenir_lt_std55_roman";
    font-size: clamp(14px, 1.464vw, 24px);
    color: #5e677b;
    margin-bottom: 80px;
}

section#solucoes div.container-solucoes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

section#solucoes div.card-solucao {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    width: clamp(298px, 21.816vw, 410px);
}

section#solucoes div.card-solucao div.card-solucao-texto {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

section#solucoes div.card-solucao img {
    width: 100%;
    height: auto;
}

section#solucoes div.card-solucao h3 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 2.489vw, 46px);
    color: #000000;
    margin-bottom: 8px;
    line-height: 1.2;
}

section#solucoes div.card-solucao p {
    font-family: "avenir_lt_std55_roman";
    font-size: clamp(13px, 1.464vw, 28px);
    color: #5e677b;
    margin-bottom: 4px;
    line-height: 1.1;
}

section#visaocorp {
    background-color: #f2f4f7;
    padding-inline: var(--container-margin);
    padding-block: 110px 90px;
}

section#visaocorp.white {
    background-color: #fff;
}

section#visaocorp div.two-columns {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

section#visaocorp div.two-columns div.left-column,
section#visaocorp div.two-columns div.right-column {
    width: 50%;
}

section#visaocorp div.two-columns div.right-column {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

section#visaocorp div.two-columns div.right-column img {
    width: clamp(448px, 32.796vw, 628px);
}

section#visaocorp div.texto {
    color: #5e677b;
    font-size: clamp(12px, 1.318vw, 18px);
    line-height: 1.2;
    margin-bottom: 14px;
}

section#visaocorp div.container-dados {
    padding-block: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px 84px;
}

section.mini-banner {
    padding-inline: var(--container-margin);
    padding-block: 80px 40px;
}

div.mini-slider-banner {
    position: relative;
}

section#miniBanner div.mini-slider-banner button.slick-prev.slick-arrow {
    background-image: url(img/seta-yellow-esq.png);
    background-size: contain;
    width: 50px;
    height: 50px;
    top: unset;
    bottom: 20px;
    left: 60px;
}

section#miniBanner div.mini-slider-banner button.slick-next.slick-arrow {
    background-image: url(img/seta-yellow-dir.png);
    background-size: contain;
    width: 50px;
    height: 50px;
    top: unset;
    bottom: 20px;
    left: 140px;
}

section#miniBanner.azul div.mini-slider-banner button.slick-prev.slick-arrow {
    background-image: url(img/chevron-left-blue.png);
}

section#miniBanner.azul div.mini-slider-banner button.slick-next.slick-arrow {
    background-image: url(img/chevron-right-blue.png);
}

section#miniBanner.azul_claro div.mini-slider-banner button.slick-prev.slick-arrow {
    background-image: url(img/super-mini-back.png);
}

section#miniBanner.azul_claro div.mini-slider-banner button.slick-next.slick-arrow {
    background-image: url(img/super-mini-next.png);
}

div.mini-slider-banner div.container-mini-slider {
    width: 55%;
    height: 100%;
    padding-inline: 60px;
    padding-block: clamp(20px, 4.758vw, 91px);
    position: absolute;
}

div.mini-slider-banner div.container-mini-slider.log {
    padding-block: clamp(20px, 4.392vw, 84px);
    width: 60%;
}

div.mini-slider-banner div.container-mini-slider p.assunto {
    font-size: clamp(12px, 1.171vw, 22px);
    font-family: "avenirheavy";
    color: #f5bd41;
    margin-bottom: var(--margin-bottom-slide-cliente);
}

div.mini-slider-banner div.container-mini-slider.log p.assunto {
    display: none;
}

div.mini-slider-banner div.container-mini-slider.supermercado p.assunto {
    color: #fff;
    font-size: clamp(40px, 6.003vw, 86px);
}

div.mini-slider-banner div.container-mini-slider div.titulo {
    font-size: clamp(22px, 2.855vw, 54px);
    line-height: 1.2;
    font-family: "avenirlight";
    color: #fff;
    margin-bottom: var(--margin-bottom-slide-cliente);
}

div.mini-slider-banner div.container-mini-slider.log div.titulo {
    font-size: clamp(13px, 6.003vw, 116px);
    text-transform: uppercase;
    margin-bottom: clamp(20px, 7.906vw, 130px);
}

div.mini-slider-banner div.container-mini-slider.supermercado div.titulo {
    font-size: 14px;
    line-height: 1.2;
}

div.mini-slider-banner div.container-mini-slider div.titulo strong {
    font-family: "avenirblack";
}

div.mini-slider-banner div.container-mini-slider div.card-cliente {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
}

div.mini-slider-banner div.container-mini-slider.log div.card-cliente {
    justify-content: flex-start;
    align-items: flex-start;
}

div.mini-slider-banner div.container-mini-slider.supermercado div.card-cliente {
    position: absolute;
    bottom: 120px;
}

div.mini-slider-banner div.container-mini-slider div.card-cliente img {
    width: 92px;
    height: 92px;
}

div.mini-slider-banner div.container-mini-slider div.card-cliente p.nome-cliente {
    font-size: clamp(11px, 1.391vw, 26px);
    line-height: 1.6;
    font-family: "avenirheavy";
    color: #f5bd41;
    margin-bottom: 4px;
}

div.mini-slider-banner div.container-mini-slider.log div.card-cliente p.nome-cliente {
    font-family: 'avenir_lt_std55_roman';
    font-size: clamp(13px, 6.003vw, 116px);
    color: #0d7ad9;
    line-height: 0.9;
}

div.mini-slider-banner div.container-mini-slider.supermercado div.card-cliente p.nome-cliente {
    font-family: 'avenirheavy';
    font-size: clamp(12px, 1.391vw, 21px);
    color: #80cde0;
    line-height: 0.9;
}

div.mini-slider-banner div.container-mini-slider div.card-cliente p.cargo-cliente {
    font-size: clamp(11px, 1.391vw, 26px);
    line-height: 1.6;
    font-family: "avenir_lt_std55_roman";
    color: #fff;
    margin-bottom: 0px;
}

div.texto-mini-banner-final {
    padding-block: 50px 40px;
}

div.texto-mini-banner-final h4 {
    font-family: 'avenirheavy';
    font-size: clamp(14px, 2.489vw, 34px);
    line-height: 1.2;
    letter-spacing: -1px;
}

.card-dado {
    width: 38%;
}

.card-dado p.number {
    font-family: "avenirheavy";
    font-size: clamp(30px, 6.003vw, 82px);
    color: #4eace9;
}

.card-dado p.text {
    font-family: "avenirheavy";
    font-size: clamp(14px, 1.464vw, 28px);
    color: #000;
}

section#mapa {
    padding-block: 130px;
    padding-inline: var(--container-margin);
}

section#mapa h2 {
    width: 80%;
    font-size: clamp(50px, 6.003vw, 82px);
    margin-bottom: 20px;
}

section#mapa h3 {
    font-family: "avenirheavy";
    font-size: clamp(14px, 2.196vw, 30px);
    color: #4eace9;
    margin-bottom: 10px;
}

section#mapa .container-filters-map {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: space-between;
    align-items: center;
    padding-block: 40px;
    position: relative;
}

section#mapa .container-filters-map button,
section#mapa .container-filters-map input {
    font-size: clamp(11px, 1.464vw, 20px);
    color: #7c7c7c;
    background-color: #ededee;
    border: 0px solid transparent;
    border-radius: 5px;
    width: 100%;
    max-width: 368px;
    height: 52px;
    padding-inline: 20px;
}

section#mapa .container-filters-map button {
    text-transform: uppercase;
    cursor: pointer;
    background-color: #204989;
    color: #fff;
}

section#mapa .container-filters-map button.btn-limpa {
    background-color: #4eace9;
}

section#mapa div.container-buttons-busca {
    position: absolute;
    z-index: 9;
    display: flex;
    flex-direction: column;
    top: 96px;
    width: 100%;
    max-width: 368px;
}

section#mapa div.container-buttons-busca button {
    background-color: #fff;
    color: #000;
    font-size: 12px;
    border-radius: 0;
    width: 100%;
    text-align: left;
    text-transform: none;
}

section#mapa div.container-buttons-busca button strong {
    font-weight: 700;
}

section#mapa div.container-buttons-busca button:hover {
    background-color: #ededee;
}

section#newsletter {
    background-color: #fcfcfd;
    padding-inline: var(--container-margin);
    padding-block: 50px;
}

section#newsletter .container-news {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

section#newsletter .container-news h3 {
    font-weight: 700;
    color: #000;
    font-size: clamp(11px, 1.391vw, 19px);
    margin-bottom: 8px;
    letter-spacing: 0.4px;
}

section#newsletter .container-news p {
    color: #5e677b;
    font-weight: 400;
    font-size: clamp(11px, 1.391vw, 19px);
}

div.inputs {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

section#newsletter .container-news input[type="text"],
section#newsletter .container-news input[type="email"] {
    border: 1px solid #dddfe4;
    border-radius: 10px;
    padding: 10px;
    color: #5e677b;
    font-size: clamp(10px, 1.098vw, 15px);
    font-weight: 400;
    width: 100%;
    max-width: 264px;
    height: 42px;
}

section#newsletter .container-news button {
    background-color: #0a4a8e;
    border-radius: 10px;
    border: 0px solid #0a4a8e;
    height: 42px;

    font-size: clamp(10px, 1.098vw, 15px);
    color: #fff;
    padding-inline: 20px;
    cursor: pointer;
}

a.btn-saiba-mais {
    font-family: "avenirheavy";
    color: #fff;
    font-size: clamp(9px, 1.171vw, 16px);
    text-decoration: none;
    padding: 12px 22px;
    background-color: #4eace9;
    border-radius: 8px;
    display: inline-block;
}

/* --------------------------------------- ATM -------------------------------- */
section#pacoteAtm {
    padding-inline: var(--container-margin);
    padding-block: 190px 160px;
}

section#pacoteAtm div.container-pacotes-atm {
    display: flex;
    flex-direction: row;
    gap: 44px;
}

section#pacoteAtm div.container-pacotes-atm h3 {
    font-family: "avenirheavy";
    font-size: clamp(30px, 3.333vw, 64px);
    margin-block: 60px 30px;
    line-height: 1.2;
    text-transform: uppercase;
}

section#pacoteAtm div.container-pacotes-atm ul li {
    font-family: "avenir_lt_std55_roman";
    font-size: clamp(14px, 1.458vw, 26px);
    color: #5e677b;
    margin-bottom: 6px;
    position: relative;
}

section#pacoteAtm div.container-pacotes-atm ul li::before {
    content: url("img/check-list.png");
    margin-right: 12px;
}

section.scroll-atm {
    padding-inline: var(--container-margin);
    padding-block: 65px;
    background-color: #4eace9;
    color: #fff;
}

section.scroll-atm h3 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 3.333vw, 60px);
    text-transform: uppercase;
    margin-bottom: 28px;
    line-height: 1.2;
    text-wrap: balance;
}

section.scroll-atm img {
    margin: 0px auto;
}

section.scroll-atm p {
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 1.4;
    margin-bottom: 30px;
    text-wrap: balance;
}

section.scroll-atm.cinza {
    background-color: #f2f4f7;
    color: #5e677b;
}

section.scroll-atm.cinza h3 {
    color: #000;
}

section#sobMedidaAtm img {
    margin: 0px auto;
}

div.imagem-pacote {
    flex-shrink: 0;
}

section#soliciteProposta {
    background-color: #fff;
    padding-block: 80px;
    padding-inline: var(--container-margin);
}

section#soliciteProposta.log {
    background-color: #e0e0e0;
}

section#soliciteProposta .card-solicite-proposta {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
    background-color: #f2f4f7;
    padding-block: 50px;
    border-radius: 12px;
}

section#soliciteProposta.log .card-solicite-proposta {
    background-color: #d2d2d2;
}

section#soliciteProposta .card-solicite-proposta h3 {
    font-size: clamp(18px, 2.396vw, 42px);
    color: #000;
    font-family: "avenirheavy";
    text-align: center;
}

section#soliciteProposta.log .card-solicite-proposta h3 {
    font-family: "avenirlight";
    letter-spacing: 0.1px;
}

section#soliciteProposta.log a.btn-saiba-mais {
    font-family: "avenirlight";
    background-color: #0d7ad9;
    border-radius: 30px;
    padding: 15px 30px;
    font-size: clamp(11px, 1.464vw, 24px);
}

section#soliciteProposta.azul-claro a.btn-saiba-mais {
    background-color: #80cde0;
    color: #204989;
}

section#condicoesGerais {
    background-color: #e0e0e0;
    padding-block: 80px 160px;
    padding-inline: var(--container-margin);
}

section#condicoesGerais h2 {
    font-size: clamp(20px, 3.367vw, 50px);
    font-family: "avenirlight";
    margin-bottom: 40px;
}

section#condicoesGerais a.btn-saiba-mais {
    font-family: "avenirlight";
    background-color: #0d7ad9;
    border-radius: 30px;
    padding: 15px 30px;
    font-size: clamp(11px, 1.464vw, 24px);
    margin-right: 10px;
}

section#condicoesGerais p {
    font-size: var(--fs-20);
    font-family: "avenir_lt_std55_roman";
    margin-bottom: 20px;
}

section#confBeneficios {
    background-color: #204989;
    color: #fff;
    display: flex;
    flex-direction: row;
    gap: 60px;
}

section#confBeneficios picture {
    width: 50%;
}

section#confBeneficios img {
    height: 100%;
    object-fit: cover;
}

section#confBeneficios div.text {
    margin-right: var(--container-margin);
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    justify-content: center;
    
    font-size: clamp(12px, 1.458vw, 28px);
    line-height: 1.3;
    width: 50%;
    padding-block: 30px 20px;
}

section#confBeneficios div.text h2 {
    font-size: clamp(20px, 6.003vw, 82px);
    line-height: 1.16;
    font-family: "avenirheavy";
    margin-bottom: 10px;
    text-transform: uppercase;
    color: inherit;
}

section#confBeneficios div.text h3 {    
    font-size: clamp(17px, 3.075vw, 46px);
    line-height: 1.16;
    font-family: "avenirheavy";
    margin-bottom: 10px;
    text-transform: uppercase;
}

section#confBeneficios div.text h4 {
    font-size: clamp(15px, 2.489vw, 34px);
    line-height: 1.16;
    font-family: "avenirheavy";
    margin-bottom: 10px;
    text-transform: none;
}

section#confBeneficios div.text p {
    margin-bottom: 22px;
}

section#featuresAtm {
    padding-inline: var(--container-margin);
    padding-block: 196px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 130px;
}

section#featuresAtm .card-container-feature .container-feature {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 70px;
    width: 100%;
    position: relative;
}

section#featuresAtm .card-container-feature h3.title-mobile {
    text-transform: uppercase;
    font-family: "avenirheavy";
    margin-bottom: 10px;
    display: none;
}

section#featuresAtm .card-container-feature:nth-child(even) .container-feature {
    flex-direction: row-reverse;
}

section#featuresAtm .card-container-feature:nth-child(even) .container-feature div.txt {
    margin-bottom: 20px;
}

section#featuresAtm .card-container-feature .container-feature picture {
    flex-shrink: 0;
}

section#featuresAtm .card-container-feature .container-feature div.txt .container-txt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
}

section#featuresAtm .card-container-feature .container-feature div.txt .container-txt div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 22px;
}

section#featuresAtm .card-container-feature .container-feature div.txt .container-txt p {
    color: #5e677b;
    font-size: clamp(12px, 1.25vw, 24px);
    line-height: 1.4;
}

section#featuresAtm .card-container-feature .container-feature div.txt h3 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 6.003vw, 82px);
    color: #000000;
    margin-bottom: 55px;
    text-transform: uppercase;
    text-wrap: balance;
    max-width: 700px;
}

section#maisSolucoes {
    background-color: #fff;
    padding-inline: var(--container-margin);
    padding-block: 90px 140px;
}

section#maisSolucoes div.solucoes-card {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 80px;
}

section#maisSolucoes h2 {
    font-size: clamp(34px, 3.367vw, 46px);
}

section#maisSolucoes .card-feature {
    max-width: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

section#maisSolucoes .card-feature h3 {
    font-size: clamp(18px, 2.448vw, 42px);
    color: #000;
    font-family: "avenirheavy";
    margin-bottom: 6px;
    line-height: 1.2;
}

section#maisSolucoes .card-feature p {
    color: #5e677b;
    font-size: clamp(14px, 1.350vw, 20px);
    line-height: 1.3;
    margin-bottom: 12px;
}

section#maisSolucoes .card-feature p strong {
    font-family: "avenirheavy";
}

section#maisSolucoes .card-feature ul {
    padding-left: 10px;
    padding-top: 6px;
}

section#maisSolucoes .card-feature ul li {
    color: #5e677b;
    font-size: clamp(14px, 1.350vw, 20px);
    line-height: 1.2;
    margin-bottom: 8px;
}

section#maisSolucoes .card-feature ul li::before {
    content: url("img/check-list-dark.png");
    margin-right: 8px;
}

section#maisSolucoes .card-feature img {
    margin-bottom: 20px;
}

section#maisSolucoes .card-feature div.resumo {
    height: auto;
    max-height: 135px;
    overflow: hidden;
    background-image: linear-gradient(0deg, #fff, transparent, transparent);
    position: relative;
    transition: all 0.6s ease-out;
}

section#maisSolucoes .card-feature div.resumo:after {
    content: '';
    position: absolute;
    background-image: linear-gradient(0deg, #fff, transparent, transparent);
    width: 100%;
    height: 60px;
    bottom: 0px;
    left: 0;
}

section#maisSolucoes .card-feature div.resumo.show-text {
    max-height: 900px;
}

section#maisSolucoes .card-feature div.resumo.show-text:after {
    content: none;
}

section#maisSolucoes button.btn-ver-mais {
    border: 0px solid #000;
    background-color: transparent;
    border-radius: 16px;
    padding: 0px 8px 0px 0px;
    color: #09498e;
    font-size: 18px;
    font-family: "avenir_lt_std55_roman";
    cursor: pointer;
    text-decoration: underline;
}

section#maisSolucoes a.btn-contrate {
    font-family: "avenirheavy";
    color: #09498e;
    background-color: #80cde0;
    border-radius: 8px;
    padding: 8px 18px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

section#maisFeatures {
    background-color: #f2f4f7;
    padding-inline: var(--container-margin);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 100px;
    padding-block: 90px 140px;
}

section#maisFeatures .card-feature {
    max-width: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

section#maisFeatures .card-feature h3 {
    font-size: clamp(18px, 2.448vw, 42px);
    color: #000;
    font-family: "avenirheavy";
    margin-bottom: 6px;
    line-height: 1.2;
}

section#maisFeatures .card-feature p {
    color: #5e677b;
    font-size: clamp(14px, 1.458vw, 24px);
    line-height: 1.4;
    height: auto;
    max-height: 42px;
    overflow: hidden;
    background-image: linear-gradient(0deg, #f2f4f7, transparent, transparent);
    position: relative;
    transition: all 0.6s ease-out;
}

section#maisFeatures .card-feature img {
    margin-bottom: 20px;
}

section#maisFeatures .card-feature p:after {
    content: '';
    position: absolute;
    background-image: linear-gradient(0deg, #f2f4f7, transparent, transparent);
    width: 100%;
    height: 50px;
    bottom: 0px;
    left: 0;
}

section#maisFeatures .card-feature p.show-text {
    max-height: 500px;
}

section#maisFeatures .card-feature p.show-text:after {
    content: none;
}

section#maisFeatures .card-feature ul {
    padding-left: 10px;
    padding-top: 6px;
}

section#maisFeatures .card-feature ul li {
    color: #5e677b;
    font-size: clamp(14px, 1.458vw, 24px);
    line-height: 1.2;
    margin-bottom: 8px;
}

section#maisFeatures .card-feature ul li::before {
    content: url("img/check-list-dark.png");
    margin-right: 8px;
}

button.btn-ver-mais {
    border: 1px solid #000;
    background-color: transparent;
    border-radius: 16px;
    padding: 2px 8px;
    color: #000;
    font-size: 18px;
    font-family: "avenir_lt_std55_roman";
    cursor: pointer;
}

button.btn-ver-mais.open {
    content: 'Ver menos...';
}

/* ATM */

/* LOG */
section#transporteLog {
    background-color: #e0e0e0;
    margin-top: -5px;
    padding-block: 180px;
    padding-inline: var(--container-margin);

    display: flex;
    flex-direction: column;
    gap: 60px;
}

section#transporteLog .titulo-servico-mobile {
    display: none;
}

div.conteudo-transporte-log {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 60px;
}

div.container-transporte-log:nth-child(even) div.conteudo-transporte-log {
    flex-direction: row-reverse;
}

div.conteudo-transporte-log .titulo-servico {
    font-size: clamp(20px, 6.003vw, 82px);
    color: #000000;
    font-family: "avenirlight";
    line-height: 1;
    margin-bottom: 40px;
    text-transform: uppercase;
}

div.conteudo-transporte-log .texto-servico {
    font-size: var(--fs-20);
    line-height: 1.5;
    color: #000000;
    font-family: "avenir_lt_std55_roman";
}

div.conteudo-transporte-log .titulo-servico strong {
    font-family: "avenirheavy";
}

section#transporteLog div.texto-final {
    font-size: clamp(11px, 2.489vw, 38px);
    font-family: "avenirlight";
    line-height: 1.4;
}

section#transporteLog div.texto-final strong {
    font-family: "avenirblack";
}

section#segmentosDarkLog {
    background-color: #262626;
    color: #fff;
    padding-block: 100px;
    padding-inline: var(--container-margin);
}

section#segmentosDarkLog h2 {
    font-family: "avenirlight";
    color: #fff;
    max-width: 535px;
    margin-bottom: 80px;
}

section#segmentosDarkLog h3 {
    font-family: "avenirheavy";
    color: #fff;
    font-size: clamp(20px, 2.489vw, 38px);
}

section#segmentosDarkLog p {
    font-size: var(--fs-20);
    line-height: 1.5;
    color: #fff;
}

section#segmentosDarkLog div.container-segmento-atuacao {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 70px 40px;
    justify-content: space-between;
}

section#segmentosDarkLog div.segmento-atuacao {
    width: 100%;
    max-width: 690px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

section#segmentosAtuacao {
    background-color: #d2d2d2;
    padding-block: 100px;
    padding-inline: var(--container-margin);
}

section#segmentosAtuacao h2 {
    font-family: "avenirlight";
    max-width: 535px;
    margin-bottom: 80px;
}

section#segmentosAtuacao h3 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 2.489vw, 38px);
}

section#segmentosAtuacao p {
    font-size: var(--fs-20);
    line-height: 1.5;
    color: #5e677b;
}

section#segmentosAtuacao div.container-segmento-atuacao {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 70px 40px;
    justify-content: space-between;
}

section#segmentosAtuacao div.segmento-atuacao {
    width: 100%;
    max-width: 690px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}

section#principaisSolucoes {
    background: #e0e0e0;
    padding-block: 180px;
    padding-inline: var(--container-margin);
}

section#principaisSolucoes h2 {
    font-family: "avenirlight";
    margin-bottom: 60px;
}

section#principaisSolucoes h2 strong {
    font-family: "avenirblack";
}

div.solucao-card {
    display: flex;
    flex-direction: row;
    gap: 50px;
    background-color: #d2d2d2;
    margin-bottom: 20px;
    border-radius: 12px;
}

div.solucao-card div.txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    padding-right: 30px;
}

div.solucao-card div.txt h3 {
    font-family: "avenirheavy";
    font-size: clamp(16px, 2.343vw, 40px);
}

div.solucao-card div.txt ul li {
    font-family: "avenir_lt_std55_roman";
    font-size: clamp(11px, 1.464vw, 24px);
    line-height: 1.4;
}

div.solucao-card div.txt ul li::before {
    content: url("img/check-list.png");
    margin-right: 8px;
}

section.cards-carros {
    background-color: #262626;
    padding-block: 90px;
    padding-inline: var(--container-margin);
    color: #fff;
}

section.cards-carros h2 {
    font-family: "avenirlight";
    color: #fff;
    max-width: 575px;
    line-height: 1.16;
}

div.slider-card {
    background-color: #181818;
    border-radius: 20px;
    min-width: 775px;
    min-height: 715px;
    padding: 60px;
    margin-inline: 20px;
}

div.slider-card div.tag {
    font-size: clamp(16px, 2.489vw, 38px);
    background-color: #0d7ad9;
    padding: 15px 26px;
    display: inline-block;
    border-radius: 50px;
    margin-bottom: 40px;
}

div.slider-card img {
    height: 255px;
    width: auto;
    margin: 0 auto;
}

table.slide-table {
    width: 100%;
}

table.slide-table tr {
    border-bottom: 1px solid #fff;
}

table.slide-table tr td {
    font-family: "avenirlight";
    font-size: clamp(11px, 1.464vw, 20px);
    line-height: 2;
}

section#hubs {
    background-color: #d2d2d2;
    padding-block: 190px 130px;
    padding-inline: var(--container-margin);
}

section#hubs h2 {
    font-family: "avenirlight";
    margin-bottom: 60px;
}

section#hubs h2 strong {
    font-family: "avenirheavy";
}

section#hubs div.texto {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.5;
    margin-bottom: 60px;
}

section#hubs div.container-hubs {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 60px;
    margin-bottom: 60px;
}

section#hubs div.container-hubs img {
    object-fit: contain;
}

section#hubs div.container-hubs div.lista {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

section#hubs div.container-hubs div.lista:before {
    content: url("img/linha.png");
    position: absolute;
    left: -30px;
    top: 0;
}

section#hubs div.container-hubs div.lista h3 {
    font-family: "avenirheavy";
    font-size: clamp(17px, 3.367vw, 50px);
    margin-bottom: 24px;
}

section#hubs div.container-hubs div.lista ul li {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.4;
    position: relative;
    padding-left: 20px;
    margin-bottom: 35px;
}

section#hubs div.container-hubs div.lista ul li:before {
    content: url("img/check-list.png");
    position: absolute;
    left: 0;
}

section#containerTextoImagem {
    background-color: #e0e0e0;
    padding-block: 70px;
    padding-inline: var(--container-margin);
}

section#containerTextoImagem div.card-two-columns {
    display: flex;
    flex-direction: row;
    gap: 90px;
    margin-bottom: 30px;
}

section#containerTextoImagem div.left-col {
    width: 50%;
}

section#containerTextoImagem div.right-col {
    width: 50%;
}

section#containerTextoImagem div.titulo h2 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 6.003vw, 82px);
    margin-bottom: 35px;
    text-transform: uppercase;
}

section#containerTextoImagem div.titulo h3 {
    font-family: "avenirheavy";
    font-size: clamp(17px, 3.367vw, 50px);
    margin-bottom: 25px;
    text-transform: uppercase;
}

section#containerTextoImagem div.texto p {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    margin-bottom: 20px;
    line-height: 1.4;
}

section#containerTextoImagem div.texto p:last-child {
    margin-bottom: 0;
}

section#containerTextoImagem div.right-col img {
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

/* LOG */

/* DENUNCIAS, POLITICA */
section#texto {
    padding-block: 140px;
    padding-inline: var(--container-margin);

    font-size: clamp(18px, 1.684vw, 26px);
    line-height: 1.4;
    font-family: 'avenir_lt_std55_roman';
}

section#texto strong {
    font-family: 'avenirblack';
}

section#texto p,
section#texto div {
    margin-bottom: 20px;
}

section#texto a {
    color: inherit;
    word-wrap: break-word;
}

section#texto ul {
    padding-block: 40px 40px;
}

section#texto ul li {
    font-size: 20px;
    color: #5e677b;
    margin-bottom: 20px;
}

section#texto ul li::before {
    content: url(img/check-list.png);
    margin-right: 14px;
}

/* DENUNCIAS, POLITICA */

/* AREA CLIENTE */
section#chamadaArea {
    background-color: #f2f4f7;
    position: relative;
    padding-block: 100px;
    padding-inline: var(--container-margin);
}

section#chamadaArea.paralax {
    padding-block: 0px;
    padding-inline: 0px;
    aspect-ratio: 1366 / 695;
    clip-path: inset(0);
    color: #fff;
}

section#chamadaArea.paralax img {
    position: fixed;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

section#chamadaArea.paralax div.container-chamada {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: var(--container-margin);
}

section#chamadaArea.lpadding {
    padding-block: 70px;
    padding-inline: var(--container-margin);
    aspect-ratio: auto;
}

section#chamadaArea h1,
section#chamadaArea h2 {
    font-family: "avenirheavy";
    text-transform: uppercase;
    font-size: clamp(24px, 3.367vw, 50px);
    margin-bottom: 0px;
}

section#chamadaArea h1 strong,
section#chamadaArea h2 strong {
    font-size: clamp(30px, 6.04vw, 86px);
}

section#chamadaArea.paralax h1 {
    font-size: clamp(32px, 6.003vw, 82px);
}

section#chamadaArea.paralax h2 {
    font-size: clamp(24px, 5.271vw, 72px);
}

section#chamadaArea p {
    font-family: "avenir_lt_std55_roman";
    text-transform: uppercase;
    font-size: clamp(20px, 3.367vw, 50px);
}

section#areaInteresse {
    padding-block: 180px;
    padding-inline: var(--container-margin);
}

section#areaInteresse h3 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 3.367vw, 50px);
    text-transform: uppercase;
    margin-bottom: 65px;
    line-height: 1.1;
}

div.container-icones-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
}

div.area-interesse a {
    background-color: #007acc;
    width: 248px;
    height: 146px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
}

div.area-interesse p {
    font-family: 'avenir_lt_std55_roman';
    font-size: 20px;
    color: #5e677b;
    text-align: center;
}

/* AREA CLIENTE */

/* BLOG */
div.flex-radio {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 2rem;
    padding: 0px;
    border: 1px solid #c9ccd3;
    border-radius: 6px;
}

input[type="radio"]::before {
    content: "";
    width: 20px;
    height: 20px;
    transform: scale(0);
    border-radius: 6px;
    background-color: #80cde0;
}

input[type="radio"]:checked::before {
    transform: scale(0.6);
}

input[type="radio"]:hover {
    color: black;
}

section#verInsights {
    padding-block: 100px 180px;
    padding-inline: var(--container-margin);
}

section#verInsights div.container-todos-insights {
    padding-block: 60px;
    background-color: #f2f4f7;
    border-radius: 20px;

    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

section#verInsights h3 {
    font-family: 'avenirheavy';
    font-size: clamp(20px, 2.489vw, 38px);
    letter-spacing: 0px;
}

section#verInsights a {
    background-color: #80cde0;
    color: #204989;
    font-size: var(--fs-20);
    font-family: 'avenirheavy';
    border-radius: 5px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;
}
  
search.blog-page {
    padding-block: 25px;
    padding-inline: var(--container-margin);
    border-block: 1px solid #000;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}

search.blog-page label {
    margin-top: 4px;
    color: #5e677b;
}

search.blog-page div.inp-search {
    position: relative;
}

search.blog-page input[type=search] {
    width: 600px;
    height: 32px;
    border: 1px solid #c9ccd3;
    border-radius: 4px;
    padding-inline: 30px;
    color: #aebad4;
    font-size: 18px;
    font-family: 'avenir_lt_std55_roman';
}

search.blog-page input[type=search]::placeholder {
    color: #aebad4;
    font-family: 'avenir_lt_std55_roman';
}

search.blog-page form {
    position: relative;
    display: flex;
    gap: 30px;
}

search.blog-page div.inp-search::after {
    content: url("img/lupa-search.png");
    display: block;
    left: 8px;
    top: 8px;
    position: absolute;
    width: 16px;
    height: 16px;
    z-index: 99;
}

select.select-categoria-search {
    width: 400px;
    border: 1px solid #c9ccd3;
    border-radius: 4px;
    padding: 0px 10px;
}

section#blogPosts {
    padding-block: 100px;
    padding-inline: var(--container-margin);

    display: flex;
    flex-direction: row;
    gap: 18px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

div.blog-post {
    width: 100%;
    max-width: 356px;
}

div.blog-post a {
    position: relative;
}

div.blog-post div.tag {
    position: absolute;
    left: 20px;
    top: 20px;
    font-family: 'avenir_lt_std55_roman';
    color: #000;
    font-size: 13px;
    background-color: #f5bd41;
    padding: 6px;
    border-radius: 6px;
}

div.blog-post img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    aspect-ratio: 363 / 203;
    object-fit: cover;
    height: auto;
}

div.blog-post div.conteudo-blog-post {
    border-radius: 0px 0px 20px 20px;
    background-color: #f2f4f7;
    padding: 38px 25px;
    min-height: 310px;
}

div.blog-post div.conteudo-blog-post h3 {
    font-size: 34px;
    font-family: 'avenir_lt_std55_roman';
    margin-bottom: 20px;
}

div.blog-post div.conteudo-blog-post p {
    font-size: 19px;
    font-family: 'avenir_lt_std55_roman';
    color: #5e677b;
    margin-bottom: 20px;
}

a.btn-leia-blog {
    background-color: #80cde0;
    color: #204989;
    font-size: 17px;
    font-family: 'avenirheavy';
    border-radius: 5px;
    text-decoration: none;

    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 36px;
}

section#navBlogPosts {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-bottom: 150px;

    color: #5e677b;
    font-size: 16px;
    font-family: 'avenir_lt_std55_roman';
    text-decoration: none;
}

section#navBlogPosts a {
    color: #5e677b;
    font-size: 16px;
    font-family: 'avenir_lt_std55_roman';
    text-decoration: none;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

div.blog-prev,
div.blog-next {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
/* BLOG */

/* BLOG SINGLE */
section#bannerSingle img {
    aspect-ratio: 683 / 347;
    width: 100%;
    object-fit: cover;
    height: auto;
}

article h2 {
    font-family: 'avenirheavy';
    font-size: clamp(20px, 6.003vw, 50px);
    text-transform: none;
    line-height: 1.1;
}

article h3 {
    margin-bottom: 15px;
}

article {
    padding-block: 60px 30px;
    padding-inline: var(--container-margin);

    color: #5e677b;
    font-size: var(--fs-20);
    font-family: 'avenir_lt_std55_roman';
    line-height: 1.5;
}

article p {
    margin-bottom: 30px;
}

article p strong {
    font-family: 'avenirheavy';
    font-size: clamp(14px, 1.464vw, 20px);
}

section#outrosConteudos {
    padding-block: 90px;
    padding-inline: var(--container-margin);
}

section#outrosConteudos h3 {
    font-family: 'avenirheavy';
    font-size: clamp(20px, 2.489vw, 38px);
    margin-bottom: 60px;
}

div.blog-post-single-container {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: flex-start;
    justify-content: flex-start;
}

section#outrosConteudos div.blog-post-single-container div.blog-post {
    margin-inline: 12px;
}

section#outrosConteudos div.blog-post-single-container div.blog-post div.conteudo-blog-post h3 {
    margin-bottom: 14px;
}

/* BLOG SINGLE */

/* SOBRE */
section#listaCards {
    padding-block: 100px;
    padding-inline: var(--container-margin);
}

section#listaCards h2 {
    font-family: 'avenirheavy';
    font-size: clamp(18px, 2.489vw, 34px);
    line-height: 1.1;
    text-transform: none;
}

section#listaCards h3 {
    font-family: 'avenirheavy';
    font-size: clamp(14px, 2.05vw, 28px);
    line-height: 1.1;
    text-transform: none;
}

section#listaCards p {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.3;
    color: #5e677b;
}

section#listaCards div.container-lista-cards {
    padding-block: 30px 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

section#listaCards div.container-lista-cards div.card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
}

section#listaCards div.container-lista-cards div.card img {
    margin-bottom: 14px;
}

section#listaCards div.container-lista-cards div.card a {
    color: #fff;
    background-color: #4eace9;
    text-decoration: none;
    padding: 8px 24px;
    border-radius: 10px;

    font-size: clamp(11px, 1.171vw, 16px);
    font-family: 'avenirheavy';
}

/* SOBRE */

/* COFRE INTELIGENTE */
section#beneficiosListaIcone {
    background-color: #f2f4f7;
    padding-block: 100px;
    padding-inline: var(--container-margin);

    display: flex;
    justify-content: center;
    align-items: center;
}

section#beneficiosListaIcone .icone-beneficio {
    width: 100%;
    max-width: 294px;

    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
}

section#beneficiosListaIcone div.container-beneficios-icones {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    max-width: 760px;
    width: 100%;
}

section#beneficiosListaIcone .icone-beneficio h3 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 2.489vw, 38px);
    letter-spacing: 0;
}

section#verticalCards {
    padding-block: 80px;
    padding-inline: var(--container-margin);
}

section#verticalCards h2 {
    font-size: clamp(50px, 6.003vw, 82px);
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-bottom: 40px;
}

section#verticalCards h3 {
    font-size: clamp(34px, 3.367vw, 46px);
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-bottom: 30px;
}

section#verticalCards p {
    color: #5e677b;
    font-size: var(--fs-20);
    line-height: 1.4;
    margin-bottom: 20px;
}

section#verticalCards div.container-vertical-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-items: center;
    align-items: center;
    gap: 10px;

    overflow-x: auto;
    padding-bottom: 20px;
}

section#verticalCards .card .imagem {
    background-color: #f2f4f7;
    width: 270px;
    height: 310px;

    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px 14px 0px 0px;
}

section#verticalCards .card .imagem img {
    max-height: 230px;
}

section#verticalCards .card div.texto {
    background-color: #204989;
    color: #fff;
    border-radius: 0px 0px 14px 14px;
    padding-block: 20px;
    padding-inline: 30px;
    text-align: center;

    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
}

section#cofreSolucoes1 {
    padding-block: 100px 20px;
    padding-inline: var(--container-margin);
}

section#cofreSolucoes1 h2 {
    font-family: "avenirheavy";
    font-size: clamp(30px, 6.003vw, 82px);
    color: #000000;
    margin-bottom: 30px;
    text-transform: uppercase;
}

section#cofreSolucoes1 div.container-cofre-sol {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

section#cofreSolucoes1 div.container-cofre-sol div.texto {
    width: 45%;
    font-size: var(--fs-20);
    line-height: 1.4;
}

section#cofreSolucoes1 div.container-cofre-sol div.texto p {
    max-width: 425px;
}

section#cofreSolucoes1 div.container-cofre-sol div.container-lista-solucao-cofre {
    width: 55%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

section#cofreSolucoes1 div.container-cofre-sol .solucao-cofre {
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

section#cofreSolucoes1 div.container-cofre-sol div.plus:first-child {
    display: none;
}

div.solucao-cofre div.titulo-sol-cofre {
    color:#204989;
    font-size: clamp(12px, 1.318vw, 24px);
    line-height: 1.2;
    text-align: center;
}

section.imagem-titulo-texto {
    padding-block: 40px 100px;
    padding-inline: var(--container-margin);

    display: grid;
    gap: 10px 50px;
    grid-template-areas:
    "imagem titulo"
    "imagem texto";
    grid-template-columns: 31% 1fr;
}

section.imagem-titulo-texto img {
	grid-area: imagem;
    align-self: center;
}

section.imagem-titulo-texto h2 {
	grid-area: titulo;

    font-size: clamp(30px, 6.003vw, 86px);
    font-family: "avenirheavy";
    max-width: 100%;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 0;
}

section.imagem-titulo-texto div.texto {
	grid-area: texto;

    font-size: var(--fs-20);
    font-family: 'avenir_lt_std55_roman';
    line-height: 1.4;
    max-width: 1400px;
}

section.imagem-titulo-texto div.texto ul {
    margin-bottom: 20px;
    padding-left: 24px;
}

section.imagem-titulo-texto div.texto ul li {
    position: relative;
}

section.imagem-titulo-texto div.texto ul li::before {
    content: url("img/icone-check-dark.png");
    left: -24px;
    position: absolute;
}

section.imagem-titulo-texto-menor {
    padding-block: 40px 60px;
    padding-inline: var(--container-margin);

    display: grid;
    gap: 20px 40px;
    grid-template-areas:
    "imagem titulo"
    "imagem texto";
    grid-template-columns: 20% 1fr;
}

section.imagem-titulo-texto-menor img {
	grid-area: imagem;
    align-self: center;
}

section.imagem-titulo-texto-menor h2 {
	grid-area: titulo;

    font-size: clamp(20px, 3.367vw, 50px);
    font-family: "avenirheavy";
    max-width: 75%;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 0;
}

section.imagem-titulo-texto-menor div.texto {
	grid-area: texto;

    font-size: var(--fs-20);
    font-family: 'avenir_lt_std55_roman';
    line-height: 1.4;
    max-width: 1400px;
    color: #5e677b;
}

section.imagem-titulo-texto-menor div.texto ul {
    margin-bottom: 20px;
    padding-left: 25px;
}

section.imagem-titulo-texto-menor div.texto ul li {
    margin-bottom: 30px;
    position: relative;
}

section.imagem-titulo-texto-menor div.texto ul li::before {
    content: url("img/icone-check-round.png");
    left: -25px;
    position: absolute;
}

section#termosCondicoes {
    padding-block: 40px 80px;
    padding-inline: var(--container-margin);
}

section#termosCondicoes h2 {
    font-size: clamp(20px, 3.367vw, 46px);
}

section#termosCondicoes div.container-termos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

section#termosCondicoes div.container-termos div.card-termo {
    width: 100%;
    max-width: 340px;

    font-size: var(--fs-20);
    font-family: 'avenir_lt_std55_roman';
    line-height: 1.4;
}

section#termosCondicoes div.container-termos div.card-termo a {
    font-size: clamp(10px, 1.171vw, 16px);
    background-color: #00b2f3;
    color: #fff;
    padding: 6px 26px;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    margin-top: 10px;
}

/* COFRE INTELIGENTE */

/* SUPERMERCADO */

section#chamadaSolucaoGrid,
section.chamada-solucao-grid {
    padding-block: 130px 100px;
    padding-inline: var(--container-margin);

    display: grid;
    gap: 20px 40px;
    grid-template-areas:
    "logo titulo"
    "texto texto";
    grid-template-columns: 110px 1fr;
}

section.chamada-solucao-grid {
    padding-block: 50px;
}

section#chamadaSolucaoGrid.title,
section.chamada-solucao-grid.title {
    grid-template-areas: "titulo titulo" "logo texto";
}

section#chamadaSolucaoGrid.no-title,
section.chamada-solucao-grid.no-tile {
    grid-template-areas: "logo texto";
}

section#chamadaSolucaoGrid img,
section.chamada-solucao-grid img {
	grid-area: logo;
    align-self: center;

    width: clamp(66px, 7.906vw, 108px);
}

section#chamadaSolucaoGrid h3,
section.chamada-solucao-grid h3 {
	grid-area: titulo;

    font-size: clamp(20px, 3.367vw, 50px);
    font-family: "avenirheavy";
    max-width: 85%;
    text-transform: uppercase;
    line-height: 1.2;
}

section#chamadaSolucaoGrid div.texto,
section.chamada-solucao-grid div {
	grid-area: texto;

    font-size: var(--fs-20);
    font-family: 'avenir_lt_std55_roman';
    line-height: 1.4;
    max-width: 1400px;
}

section#chamadaSolucaoGrid.padrao_sem div.texto {
    max-width: none;
}

section#chamadaSolucaoGrid div.duas-colunas {
    width: 100%;
    gap: 80px;
    display: flex;
    justify-content: space-between;
}

section#chamadaSolucaoGrid div p,
section.chamada-solucao-grid div p {
    margin-bottom: 20px;
}

section#chamadaSolucaoGrid div p:last-child,
section.chamada-solucao-grid div p:last-child {
    margin-bottom: 0px;
}

section#chamadaSolucaoGrid div strong,
section.chamada-solucao-grid div strong {
	font-family: 'avenirheavy';
}

section#SupermercadoBeneficios {
    padding-block: 90px;
    padding-inline: var(--container-margin);
}

section#SupermercadoBeneficios h2 {
    margin-bottom: 38px;
    font-size: clamp(20px, 3.367vw ,50px);
    color: inherit;
}

section#SupermercadoBeneficios div.texto {
    color: inherit;
    font-size: clamp(12px, 1.318vw, 18px);
    line-height: 1.2;
    margin-bottom: 60px;
}

section#SupermercadoBeneficios div.container-lista-beneficios {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
}

section#SupermercadoBeneficios.quatro_colunas div.container-lista-beneficios {
    grid-template-columns: repeat(4, 1fr);
}

section#SupermercadoBeneficios.uma_coluna div.container-lista-beneficios {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}

section#SupermercadoBeneficios.uma_coluna div.card-lista-beneficio {
    display: grid;
    gap: 10px 30px;
    grid-template-columns: 112px 1fr;
    grid-template-areas:
        "icone titulo"
        "icone texto";
}

section#SupermercadoBeneficios.uma_coluna div.card-lista-beneficio img {
    grid-area: icone;
    margin-bottom: 0;
}

section#SupermercadoBeneficios.uma_coluna div.card-lista-beneficio h3 {
    grid-area: titulo;
    margin-bottom: 0;
    line-height: 1;
    align-self: end;
    align-self: self-end;
}

section#SupermercadoBeneficios.uma_coluna div.card-lista-beneficio div.list-texto {
    grid-area: texto;
}

section#SupermercadoBeneficios.duas_colunas div.container-lista-beneficios,
section#SupermercadoBeneficios.duas_colunas_v div.container-lista-beneficios {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 30px;
}

section#SupermercadoBeneficios.duas_colunas div.card-lista-beneficio {
    display: grid;
    gap: 10px 30px;
    grid-template-areas:
        "icone titulo"
        "icone texto";
}

section#SupermercadoBeneficios.duas_colunas div.card-lista-beneficio img {
    grid-area: icone;
    margin-bottom: 0;
}

section#SupermercadoBeneficios.duas_colunas div.card-lista-beneficio h3 {
    grid-area: titulo;
    margin-bottom: 0;
    line-height: 1;
    align-self: flex-end;
}

section#SupermercadoBeneficios.duas_colunas div.card-lista-beneficio div.list-texto {
    grid-area: texto;
}

section#SupermercadoBeneficios div.card-lista-beneficio h3 {
    font-size: clamp(14px, 2.489vw, 34px);
    letter-spacing: 0;
    font-family: "avenirheavy";
    margin-bottom: 14px;
}

section#SupermercadoBeneficios div.card-lista-beneficio img {
    margin-bottom: 30px;
}

section#SupermercadoBeneficios div.card-lista-beneficio div.list-texto {
    font-size: clamp(11px, 1.464vw, 20px);
    font-family: "avenir_lt_std55_roman";
    color: inherit;
    line-height: 1.4;
}

section#SupermercadoBeneficios div.card-lista-beneficio div.list-texto ul {
    padding-left: 18px;
    position: relative;
}

section#SupermercadoBeneficios div.card-lista-beneficio div.list-texto ul li {
    margin-bottom: 20px;
}

section#SupermercadoBeneficios div.card-lista-beneficio div.list-texto ul li:before {
    content: url(img/icone-check-small.png);
    position: absolute;
    left: 1px;
}

section#principaisSolucoesMercado {
    padding-block: 70px 40px;
    padding-inline: var(--container-margin);
}

section#principaisSolucoesMercado h2 {
    max-width: 524px;
    margin-bottom: 50px;
}

section#principaisSolucoesMercado .container-principais-solucoes-mercado {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

section#principaisSolucoesMercado .row-solucao {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    gap: 60px;
}

section#principaisSolucoesMercado .row-solucao:nth-child(even) {
    flex-direction: row-reverse;
}

section#principaisSolucoesMercado .row-solucao h3 {
    font-size: clamp(14px, 2.489vw, 34px);
    font-family: "avenirheavy";
    margin-bottom: 10px;
    letter-spacing: -1px;
}

section#principaisSolucoesMercado .row-solucao p {
    font-size: clamp(11px, 1.464vw, 20px);
    line-height: 1.2;
    color: #5e677b;
}

section#principaisSolucoesMercado .row-solucao .solucao {
    width: 100%;
    max-width: 840px;
    margin-bottom: 60px;
}

section#principaisSolucoesMercado .row-solucao .solucao:last-child {
    margin-bottom: 0px;
}

section#principaisSolucoesMercado .row-solucao .solucao img {
    margin-bottom: 20px;
}

section#miniBannerSupermercado {
    padding-block: 100px;
}
/* SUPERMERCADO */

/* IMAGEM BENEFICIOS*/
section#BeneficiosImagem {
    padding-block: 90px;
    padding-inline: var(--container-margin);
}

section#BeneficiosImagem h2 {
    margin-bottom: 40px;
    font-size: clamp(20px, 3.367vw, 50px);
    color: inherit;
}

section#BeneficiosImagem div.container-lista-imagem-beneficios {
    display: flex;
    flex-direction: row;
    gap: 50px;
}

div.container-lista-imagem-beneficios div.lista-beneficios {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: flex-start;
}

div.container-lista-imagem-beneficios div.lista-beneficios div.card-lista-beneficio {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
}

div.container-lista-imagem-beneficios div.lista-beneficios div.card-lista-beneficio h3 {
    font-size: clamp(18px, 2.489vw, 34px);
    font-family: 'avenirheavy';
}

div.container-lista-imagem-beneficios div.imagem-beneficio {
    width: 300px;
    flex-shrink: 0;
}
/* IMAGEM BENEFICIOS*/

/* TEXTO IMAGEM SUBTITULO DUAS COLUNAS */
section#TextoImagemSubColuna {
    padding-block: 100px;
    padding-inline: var(--container-margin);
}

section#TextoImagemSubColuna div.container-cima {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
    margin-bottom: 100px;
}

section#TextoImagemSubColuna div.container-cima p {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.3;
}

section#TextoImagemSubColuna div.container-baixo div.subtitulo {
    font-family: 'avenirheavy';
    font-size: clamp(22px, 3.367vw, 46px);
    text-transform: uppercase;
    margin-bottom: 30px;
}

section#TextoImagemSubColuna div.container-baixo div.container-duas-colunas {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 110px;

    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.3;
}

/* TEXTO IMAGEM SUBTITULO DUAS COLUNAS */

/* COOPERATIVAS */
    section#principaisSolucoesCoop {
        padding-inline: var(--container-margin);
        padding-block: 100px;
    }

    section#principaisSolucoesCoop h2 {
        margin-bottom: 80px;
    }

    section#principaisSolucoesCoop .container-text-img {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        gap: 30px;

        font-family: 'avenir_lt_std55_roman';
        font-size: var(--fs-20);
        line-height: 1.4;
        padding-bottom: 60px;
    }

    section#principaisSolucoesCoop .container-text-img p {
        margin-bottom: 20px;
    }

    section#principaisSolucoesCoop .container-text-img h3 {
        font-family: 'avenirheavy';
        font-size: clamp(16px, 3.367vw, 50px);
        line-height: 1.2;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    section#principaisSolucoesCoop div.container-solucoes {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px 85px;
        flex-wrap: wrap;
    }

    section#principaisSolucoesCoop div.container-solucoes div.card-solucao {
        max-width: 310px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;

        font-size: 20px;
        font-size: var(--fs-20);
        font-family: 'avenir_lt_std55_roman';
        line-height: 1.5;
        color: #5e677b;
    }

    section#principaisSolucoesCoop div.container-solucoes div.card-solucao strong {
        font-family: 'avenirblack';
    }

    section#transportes {
        padding-inline: var(--container-margin);
        padding-block: 100px;
        background-color: #f2f4f7;
    }

    section#transportes div.container-transportes {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px;
        padding-bottom: 110px;
    }

    section#transportes div.container-transportes div.container-text {
        font-size: var(--fs-20);
        line-height: 1.3;
    }

    section#transportes h2 {
        font-size: clamp(20px, 3.367vw, 50px);
        margin-bottom: 12px;
    }

    section#transportes div.container-solucoes-transporte {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px 85px;
        flex-wrap: wrap;
    }

    section#transportes div.container-solucoes-transporte div.card-solucao {
        max-width: 310px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
        font-size: 20px;
        font-size: var(--fs-20);
        font-family: 'avenir_lt_std55_roman';
        line-height: 1.5;
        color: #5e677b;
    }

    section#transportes div.container-solucoes-transporte div.card-solucao strong {
        font-family: 'avenirblack';
    }

/* COOPERATIVAS */

/* VERTICAL FOTO TEXTO */
section#verticalFotoTexto {
    display: flex;
    padding-block: 120px;
    padding-inline: var(--container-margin);
    gap: 60px;
}

section#verticalFotoTexto h2 {
    margin-bottom: 50px;
}

section#verticalFotoTexto h3 {
    font-family: 'avenirheavy';
    font-size: clamp(16px, 3.367vw, 46px);
    text-transform: uppercase;
    margin-bottom: 30px;
}

section#verticalFotoTexto h4 {
    font-family: 'avenirheavy';
    font-size: clamp(14px, 2.489vw, 34px);
    margin-bottom: 10px;
    letter-spacing: -1px;
}

section#verticalFotoTexto p {
    font-family: 'avenir_lt_std55_roman';
    font-size: clamp(11px, 1.464vw, 20px);
    color: #5e677b;
    line-height: 1.2;
    margin-bottom: 40px;
}

section#verticalFotoTexto a.btn-solicite-proposta {
    background-color: #80cde0;
    color: #204989;
    font-family: "avenirheavy";
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 8px;
    display: inline-block;
}

section#verticalFotoTexto img.img-vertical-foto {
    border-radius: 14px;
    max-width: 45%;
}

section#verticalFotoTexto p:last-child {
    margin-bottom: 0px;
}

section#verticalFotoTexto ul {
    padding-left: 24px;
    position: relative;
}

section#verticalFotoTexto ul li {
    font-size: clamp(11px, 1.464vw, 20px);
    font-family: 'avenir_lt_std55_roman';
    margin-bottom: 18px;
}

section#verticalFotoTexto ul li:last-child {
    margin-bottom: 0px;
}

section#verticalFotoTexto ul li::before {
    content: url(img/check-list.png);
    position: absolute;
    left: 0;
}
/* VERTICAL FOTO TEXTO */

/* DUAS COLUNAS COM REPETIDOR */
section#duasColunasRepetidor {
    padding-block: 100px;
    padding-inline: var(--container-margin);
}

section#duasColunasRepetidor .container-primeiro {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-bottom: 50px;
}

section#duasColunasRepetidor .container-primeiro img {
    align-self: stretch;
    justify-self: flex-end;
}

section#duasColunasRepetidor .container-primeiro h2 {
    font-family: 'avenirheavy';
    font-size: clamp(30px, 5.71vw, 78px);
    color: inherit;
}

section#duasColunasRepetidor .container-primeiro h3 {
    font-family: 'avenirheavy';
    font-size: clamp(22px, 4.246vw, 58px);
    color: inherit;
}

section#duasColunasRepetidor .container-primeiro h4 {
    font-family: 'avenirheavy';
    font-size: clamp(14px, 2.489vw, 34px);
    color: inherit;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 14px;
}

section#duasColunasRepetidor p {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.3;
    margin-bottom: 14px;
}

section#duasColunasRepetidor ul {
    padding-left: 30px;
    position: relative;
}

section#duasColunasRepetidor ul li {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.3;
    margin-bottom: 10px;
}

section#duasColunasRepetidor ul li::before {
    content: url(img/icon-check-azul.png);
    position: absolute;
    left: 0;
}

section#duasColunasRepetidor .container-segundo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

section#duasColunasRepetidor .container-segundo h2 {
    font-family: "avenirheavy";
    font-size: clamp(20px, 4.539vw, 62px);
    margin-bottom: 28px;
    text-transform: uppercase;
}

section#duasColunasRepetidor .container-segundo h3 {
    font-family: 'avenirheavy';
    font-size: clamp(14px, 2.489vw, 34px);
    margin-bottom: 16px;
}

section#duasColunasRepetidor .container-segundo img {
    margin-bottom: 16px;
}
/* DUAS COLUNAS COM REPETIDOR */

/* IMAGEM TEXTO REPETIDOR */
section#imagemTextoRepetidor {
    padding-block: 50px;
    padding-inline: var(--container-margin);
}

section#imagemTextoRepetidor div.titulo {
    margin-bottom: 30px;
}

section#imagemTextoRepetidor h3 {
    font-family: 'avenirheavy';
    font-size: clamp(18px, 3.367vw, 46px);
    text-transform: uppercase;
    margin-bottom: 18px;
}

section#imagemTextoRepetidor h4 {
    font-family: 'avenirheavy';
    font-size: clamp(14px, 2.489vw, 34px);
    margin-bottom: 14px;
}

section#imagemTextoRepetidor ul {
    padding-left: 24px;
    position: relative;
}

section#imagemTextoRepetidor p,
section#imagemTextoRepetidor ul li {
    font-family: 'avenir_lt_std55_roman';
    font-size: clamp(11px, 2.489vw, 20px);
    margin-bottom: 11px;
    color: #5e677b;
}

section#imagemTextoRepetidor ul li::before {
    content: url(img/icon-check-azul.png);
    position: absolute;
    left: 0;
}

section#imagemTextoRepetidor div.card-imagem-texto {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding-top: 30px;
    justify-content: center;
    align-items: center;
}

section#imagemTextoRepetidor div.card-imagem-texto img {
    min-width: 298px;
}

section#imagemTextoRepetidor div.container-imagens {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

section#imagemTextoRepetidor div.card-imagem-texto div.side-text {
    flex-grow: 1;
}
/* IMAGEM TEXTO REPETIDOR */

/* FULL BANNER */
section#fullBanner {
    padding-block: 50px;
    position: relative;
}

section#fullBanner img {
    width: 100%;
}

section#fullBanner div.texto {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
    color: #fff;
    max-width: 687px;
}

section#fullBanner div.texto h2 {
    color: #fff;
    margin-bottom: 0;
}
/* FULL BANNER */

/* TEXTO LIVRE */
section#textoLivre {
    padding-block: 40px;
    padding-inline: var(--container-margin);
}

section#textoLivre h3 {
    font-family: 'avenirheavy';
    text-transform: uppercase;
    font-size: clamp(22px, 3.367vw, 46px);
    margin-bottom: 28px;
}

section#textoLivre h4 {
    font-family: 'avenirheavy';
    text-transform: none;
    font-size: clamp(16px, 2.489vw, 34px);
    margin-bottom: 34px;
}

section#textoLivre p {
    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    color: #5e677b;
}
/* TEXTO LIVRE */

section#linktree {
    background-color: #e0e0e0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;

    padding-block: 50px;
    padding-inline: var(--container-margin);
}

section#linktree h2 {
    font-size: clamp(18px, 2.05vw, 28px);
    text-align: center;
    line-height: 1.2;
}

section#linktree p {
    font-size: clamp(12px, 1.318vw, 18px);
    text-align: center;
    line-height: 1.5;
}

section#linktree .logo-link img {
    width: 144px;
    border-radius: 100px;
}

section#linktree div.container-links-tree {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

section#linktree div.container-links-tree a {
    display: block;
    background-color: #4eace9;
    font-size: clamp(12px, 1.464vw, 20px);
    color: #fff;
    padding: 14px;
    border-radius: 10px;
    text-decoration: none;
    width: 100%;
    max-width: 540px;
    text-align: center;

    transition: all 0.6s;
}

section#linktree div.container-links-tree a:hover {
    background-color: #204989;
}

/* DEPOIMENTOS */
section#depoimentos {
    padding-block: 40px;
    padding-inline: var(--container-margin);
}

section#depoimentos div.container-depoimentos {
    display: flex;
    flex-direction: row;
    gap: 34px;
    flex-wrap: wrap;
    justify-content: center;
}

section#depoimentos div.container-depoimentos div.card-depoimento {
    width: 100%;
    max-width: clamp(300px, 26.354vw, 470px);
    background-color: #eeeeee;
    border-radius: 10px;

    display: flex;
    flex-direction: column;
    gap: 14px;
    justify-content: flex-start;
    align-items: center;
    padding: 40px;

    font-family: 'avenir_lt_std55_roman';
    font-size: var(--fs-20);
    line-height: 1.5;
}

section#depoimentos div.container-depoimentos div.card-depoimento div.texto {
    flex-grow: 1;
}

section#depoimentos div.container-depoimentos div.card-depoimento h3.nome {
    align-self: flex-start;
    font-family: "avenirblack";
    font-size: clamp(14px, 1.757vw, 24px);
    color: #4eace9;
}

section#depoimentos div.container-depoimentos div.card-depoimento div.dados-pessoa {
    align-self: flex-start;
}

section#depoimentos div.container-depoimentos div.card-depoimento div.separacao {
    border-bottom: 1px solid #000;
    padding-top: 15px;
    width: 100%;
    margin-bottom: 15px;
}
/* DEPOIMENTOS */

footer {
    background-color: #f3f4f7;
    padding-block: 70px;
}

footer .container-footer {
    padding-inline: var(--container-margin);

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    justify-content: space-between;
    align-items: flex-start;

    gap: 20px;
}

footer .container-links {
    padding-inline: var(--container-margin);
    padding-top: 34px;
    margin-top: 34px;
    border-top: 2px solid #efefef;
}

footer .container-links ul {
    font-family: "avenir_lt_std55_roman";
    font-size: clamp(10px, 1.025vw, 14px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #858d9e;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

footer .container-links ul li a {
    color: inherit;
    text-decoration: none;
}

footer div.links-footer h3 {
    font-family: "avenirheavy";
    font-size: clamp(10px, 1.025vw, 14px);
    color: #858d9e;
    margin-bottom: 22px;
}

footer div.links-footer ul li,
footer div.links-footer ul li a {
    font-family: "avenir_lt_std55_roman";
    font-size: clamp(10px, 1.171vw, 16px);
    color: #000;
    margin-bottom: 10px;
    text-decoration: none;
}

div.container-ajuda {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 60px;
}