



.menu>.menu-list>li.has-submenu{
position: relative;
}


.menu>.menu-list>li.has-submenu>.sub-menu{
left: 50% !important;
transform: translateX(-50%);
top: 100%;
min-width: 240px;
max-height: 360px;
height: auto !important;

overflow-y: auto;

overflow-x: hidden;
background: var(--main);

border-radius: var(--bradius);
padding: 8px 0;
box-shadow: 0 12px 32px rgba(6, 56, 74, 0.25), 0 4px 12px rgba(6, 56, 74, 0.15);
text-align: left;
scrollbar-width: thin;
scrollbar-color: var(--secondary) transparent;
}

.menu>.menu-list>li.has-submenu>.sub-menu::-webkit-scrollbar{
width: 6px;
}

.menu>.menu-list>li.has-submenu>.sub-menu::-webkit-scrollbar-thumb{
background: var(--secondary);
border-radius: 6px;
}


.menu>.menu-list>li.has-submenu>.sub-menu>li>a{
background: transparent !important;
color: #fff !important;
padding: 11px 22px;
display: block;
font-size: 14px;
font-weight: 500;
border-radius: 0 !important;

transition: background 0.2s, color 0.2s, padding-left 0.2s;
}

.menu>.menu-list>li.has-submenu>.sub-menu>li:hover>a{
background: var(--secondary) !important;
color: var(--main-strong) !important;
padding-left: 28px;

}


.menu>.menu-list>li.has-submenu>.sub-menu li.sub-menu-divider{
height: 1px;
background: rgba(255, 255, 255, 0.2);
margin: 6px 16px;
padding: 0;
pointer-events: none;

}


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


.slicknav_menu{
background: #fff !important;
box-shadow: 0 2px 12px rgba(6, 56, 74, 0.08) !important;
padding: 12px 16px !important;
transition: box-shadow 0.25s ease;
}

.slicknav_menu.slicknav_scroll{
box-shadow: 0 4px 16px rgba(6, 56, 74, 0.12) !important;
}


.slicknav_btn{
background: transparent !important;
padding: 8px !important;
border-radius: 8px;
transition: background 0.2s;
}

.slicknav_btn:hover{
background: rgba(6, 56, 74, 0.06) !important;
}

.slicknav_menu .slicknav_icon-bar{
background-color: var(--main) !important;
height: 3px;
border-radius: 10px;
width: 28px;
margin: 5px auto;
transition: transform 0.3s ease, opacity 0.2s ease;
}


.slicknav_icon.active .slicknav_icon-bar:nth-child(1){
transform: translateY(8px) rotate(45deg);
}

.slicknav_icon.active .slicknav_icon-bar:nth-child(2){
opacity: 0;
}

.slicknav_icon.active .slicknav_icon-bar:nth-child(3){
transform: translateY(-8px) rotate(-45deg);
}


.slicknav_nav{
background: linear-gradient(160deg, var(--main-strong) 0%, var(--main) 100%) !important;
color: #fff !important;
padding: 24px 0 80px !important;
text-align: left !important;
text-transform: none !important;
letter-spacing: normal !important;
font-size: 16px !important;
line-height: 1.4 !important;
text-shadow: none !important;
height: calc(100vh - 66px) !important;
overflow-y: auto !important;
scrollbar-width: thin;
scrollbar-color: var(--secondary) transparent;
}

.slicknav_nav::-webkit-scrollbar{
width: 6px;
}

.slicknav_nav::-webkit-scrollbar-thumb{
background: var(--secondary);
border-radius: 6px;
}


.slicknav_nav>li{
margin: 0;
padding: 0 12px;
border: none;
}

.slicknav_nav>li>a,
.slicknav_nav .slicknav_item{
padding: 14px 20px !important;
color: #fff !important;
font-weight: 600 !important;
border-radius: 12px !important;
margin: 4px 0 !important;
text-shadow: none !important;
display: flex !important;
justify-content: space-between;
align-items: center;
transition: background 0.2s, color 0.2s, padding-left 0.2s;
width: auto !important;
}

.slicknav_nav>li>a:hover,
.slicknav_nav .slicknav_item:hover,
.slicknav_nav .slicknav_parent.slicknav_open>a,
.slicknav_nav .slicknav_parent.slicknav_open>.slicknav_item{
background: var(--secondary) !important;
color: var(--main-strong) !important;
padding-left: 28px !important;
text-shadow: none !important;
}


.slicknav_nav ul{
background: rgba(255, 255, 255, 0.06) !important;
border-radius: 10px !important;
margin: 4px 12px 10px !important;
padding: 6px 0 !important;
max-height: none !important;
overflow: visible !important;
}

.slicknav_nav ul>li{
padding: 0 !important;
}

.slicknav_nav ul>li>a{
padding: 10px 22px !important;
color: rgba(255, 255, 255, 0.88) !important;
font-size: 14px !important;
font-weight: 500 !important;
border-radius: 6px !important;
margin: 2px 8px !important;
background: transparent !important;
text-shadow: none !important;
display: block !important;
transition: background 0.2s, color 0.2s, padding-left 0.2s;
width: auto !important;
}

.slicknav_nav ul>li>a:hover{
background: rgba(51, 205, 203, 0.18) !important;
color: var(--secondary) !important;
padding-left: 30px !important;
}


.slicknav_nav .sub-menu-divider{
height: 1px;
background: rgba(255, 255, 255, 0.15);
margin: 4px 28px !important;
padding: 0 !important;
pointer-events: none;
list-style: none;
}

.slicknav_nav .sub-menu-divider a{
display: none !important;
}


.slicknav_nav .slicknav_arrow{
color: rgba(255, 255, 255, 0.7);
font-size: 0.9em;
margin-left: 12px;
transition: transform 0.2s;
}

.slicknav_nav .slicknav_parent.slicknav_open>a .slicknav_arrow,
.slicknav_nav .slicknav_parent.slicknav_open>.slicknav_item .slicknav_arrow{
transform: rotate(90deg);
color: var(--main-strong);
}


.slicknav_brand{
padding: 4px 0;
}

.slicknav_brand img{
max-height: 44px;
width: auto;
}


.slicknav_nav li.linfo>a i.linfo-i{
display: none;
}

.slicknav_nav li.linfo>a::before{
content: 'Informações';
}
}



@media screen and (min-width: 768px){
.row:has(.aside-artigo){
display: flex !important;
align-items: flex-start;
gap: 30px;
}

.row:has(.aside-artigo) .corpo-artigo,
.row:has(.aside-artigo) .corpo-artigo.col-md-12{
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
padding-right: 0;
}

.row:has(.aside-artigo)>aside.aside-artigo{
width: 280px !important;
flex-shrink: 0 !important;
position: sticky;
top: 140px;
}
}

.aside-artigo{
display: flex;
flex-direction: column;
gap: 18px;
padding: 17px 0
}

.sidebar-block{
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(6, 56, 74, 0.07);
border: 1px solid rgba(6, 56, 74, 0.07);
transition: box-shadow 0.3s, transform 0.3s;
}

.sidebar-block:hover{
box-shadow: 0 8px 24px rgba(6, 56, 74, 0.12);
}


.sidebar-cta{
background: linear-gradient(135deg, #06384a 0%, #00a0c6 70%, #33cdcb 130%);
color: #fff;
padding: 22px 20px 24px;
position: relative;
overflow: hidden;
}

.sidebar-cta::before{
content: '';
position: absolute;
top: -60px;
right: -60px;
width: 160px;
height: 160px;
background: radial-gradient(circle, rgba(51, 205, 203, 0.2) 0%, transparent 70%);
pointer-events: none;
}

.sidebar-cta>*{
position: relative;
z-index: 1;
}

.sidebar-cta h3{
color: #fff;
font-size: 17px;
font-weight: 800;
margin: 0 0 8px;
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
cursor: default;
letter-spacing: -0.2px;
}

.sidebar-cta h3 span{
display: block !important;
padding: 0 !important;
color: #fff !important;
text-align: left !important;
}

.sidebar-cta p{
color: rgba(255, 255, 255, 0.92);
font-size: 13.5px;
line-height: 1.5;
margin: 0 0 16px;
}

.sidebar-btn-wa,
.sidebar-btn-form{
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 18px;
border-radius: 12px;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
margin-bottom: 8px;
}

.sidebar-btn-wa{
background: #25D366;
color: #fff;
box-shadow: 0 4px 14px rgba(37, 211, 102, 0.4);
}

.sidebar-btn-wa:hover{
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(37, 211, 102, 0.5);
color: #fff;
text-decoration: none;
}

.sidebar-btn-form{
background: rgba(255, 255, 255, 0.12);
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.25);
backdrop-filter: blur(6px);
}

.sidebar-btn-form:hover{
background: #33cdcb;
color: #06384a;
border-color: #33cdcb;
text-decoration: none;
transform: translateY(-2px);
}

.sidebar-btn-wa i,
.sidebar-btn-form i{
font-size: 18px;
}


.sidebar-form{
padding: 22px 20px 24px;
}

.sidebar-form h3{
color: #06384a;
font-size: 16px;
font-weight: 800;
margin: 0 0 6px;
letter-spacing: -0.2px;
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
cursor: default;
}

.sidebar-form h3 span{
display: block !important;
padding: 0 !important;
color: #06384a !important;
text-align: left !important;
}

.sidebar-form p.lead{
color: #666;
font-size: 12.5px;
line-height: 1.5;
margin: 0 0 14px;
}

.sidebar-form form input,
.sidebar-form form textarea{
width: 100%;
padding: 10px 12px;
margin-bottom: 8px;
border: 1px solid #dce8ed;
border-radius: 8px;
font-size: 13px;
font-family: inherit;
background: #f5fafc;
transition: border-color 0.2s, background 0.2s;
}

.sidebar-form form input:focus,
.sidebar-form form textarea:focus{
outline: none;
border-color: #00a0c6;
background: #fff;
}

.sidebar-form form textarea{
resize: vertical;
min-height: 60px;
}

.sidebar-form .form-lgpd{
font-size: 11px;
color: #777;
line-height: 1.4;
display: flex;
gap: 6px;
margin: 8px 0 12px;
}

.sidebar-form .form-lgpd input{
width: auto;
margin: 2px 0 0;
flex-shrink: 0;
}

.sidebar-form .form-lgpd a{
color: #00a0c6;
}

.sidebar-form button[type="submit"]{
width: 100%;
padding: 11px;
background: linear-gradient(135deg, #00a0c6 0%, #06384a 100%);
color: #fff;
border: 0;
border-radius: 10px;
font-size: 13.5px;
font-weight: 700;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
letter-spacing: 0.3px;
}

.sidebar-form button[type="submit"]:hover{
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(6, 56, 74, 0.3);
}


.sidebar-social{
padding: 18px 20px 20px;
text-align: center;
}

.sidebar-social h3{
color: #06384a;
font-size: 14px;
font-weight: 700;
margin: 0 0 12px;
letter-spacing: 0.3px;
text-transform: uppercase;
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
cursor: default;
}

.sidebar-social h3 span{
display: inline-block !important;
padding: 0 !important;
color: #06384a !important;
}

.sidebar-social-icons{
display: flex;
justify-content: center;
gap: 10px;
}

.sidebar-social-icons a{
width: 42px;
height: 42px;
border-radius: 50%;
background: linear-gradient(135deg, #00a0c6 0%, #06384a 100%);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
text-decoration: none;
transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
}

.sidebar-social-icons a:hover{
transform: translateY(-3px) rotate(-6deg);
background: linear-gradient(135deg, #33cdcb 0%, #00a0c6 100%);
box-shadow: 0 8px 20px rgba(6, 56, 74, 0.35);
color: #fff;
}


.sidebar-related{
padding: 18px 20px 20px;
}

.sidebar-related h3{
color: #06384a;
font-size: 14px;
font-weight: 700;
margin: 0 0 12px;
letter-spacing: 0.3px;
text-transform: uppercase;
background: none !important;
padding: 0 !important;
border-radius: 0 !important;
cursor: default;
}

.sidebar-related h3 span{
display: block !important;
padding: 0 !important;
color: #06384a !important;
text-align: left !important;
}

.sidebar-related ul{
list-style: none;
padding: 0;
margin: 0;
display: block !important;

max-height: 280px !important;
overflow-y: auto;
}

.sidebar-related ul::-webkit-scrollbar{
width: 4px;
}

.sidebar-related ul::-webkit-scrollbar-thumb{
background: #00a0c6;
border-radius: 4px;
}

.sidebar-related ul li{
margin: 0 !important;
list-style: none;
}

.sidebar-related ul li a{
display: block !important;
padding: 8px 10px !important;
border-left: 2px solid transparent !important;
border-radius: 0 6px 6px 0;
font-size: 12.5px !important;
color: #555 !important;
text-decoration: none;
transition: all 0.2s;
}

.sidebar-related ul li a:hover{
background: #eef6f9 !important;
border-left-color: #33cdcb !important;
color: #06384a !important;
padding-left: 14px !important;
}


@media (max-width: 767px){
.aside-artigo{
width: 100%;
margin-top: 24px;
}

.sidebar-cta{
padding: 20px 18px;
}
}


.info-page{
color: #222;
--c-main: #00a0c6;
--c-secondary: #33cdcb;
--c-main-strong: #06384a;
}


.info-hero{
background: linear-gradient(135deg, var(--c-main-strong) 0%, var(--c-main) 70%, var(--c-secondary) 130%);
color: #fff;
padding: 72px 0 60px;
position: relative;
overflow: hidden;
}

.info-hero::before{
content: '';
position: absolute;
top: -200px;
right: -200px;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(51, 205, 203, 0.18) 0%, transparent 70%);
pointer-events: none;
}

.info-hero::after{
content: '';
position: absolute;
bottom: -100px;
left: -100px;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, transparent 70%);
pointer-events: none;
}

.info-hero>.container{
position: relative;
z-index: 1;
}

.info-hero h1{
font-size: 42px;
font-weight: 800;
margin: 16px 0 14px;
color: #fff;
line-height: 1.1;
letter-spacing: -0.5px;
}

.info-hero-lead{
font-size: 17px;
line-height: 1.65;
max-width: 760px;
opacity: 0.92;
margin-bottom: 28px;
color: rgba(255, 255, 255, 0.95);
}

.info-hero .breadcrumb{
color: rgba(255, 255, 255, 0.7);
margin-bottom: 8px;
font-size: 13px;
}

.info-hero .breadcrumb a{
color: rgba(255, 255, 255, 0.95);
}

.info-anchor-nav{
margin-top: 18px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}

.info-anchor-nav a{
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(8px);
color: #fff;
padding: 11px 22px;
border-radius: 30px;
text-decoration: none;
font-size: 13.5px;
font-weight: 600;
border: 1px solid rgba(255, 255, 255, 0.18);
transition: all 0.25s ease;
}

.info-anchor-nav a:hover{
background: var(--c-secondary);
color: var(--c-main-strong);
border-color: var(--c-secondary);
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(51, 205, 203, 0.35);
}


.info-section{
padding: 72px 0;
position: relative;
}

.info-section-alt{
background: linear-gradient(180deg, #f5fafc 0%, #eef6f9 100%);
}

.info-section-head{
text-align: center;
margin-bottom: 48px;
}

.info-section-head h2{
color: var(--c-main-strong);
font-size: 34px;
font-weight: 800;
margin-bottom: 12px;
letter-spacing: -0.3px;
position: relative;
display: inline-block;
}

.info-section-head h2::after{
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: linear-gradient(90deg, var(--c-main), var(--c-secondary));
border-radius: 2px;
}

.info-section-head p{
color: #555;
font-size: 16px;
max-width: 640px;
margin: 22px auto 0;
line-height: 1.6;
}


.info-cards{
display: grid;
gap: 28px;
}

.info-cards-t1{
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.info-cards-t2{
grid-template-columns: repeat(auto-fit, minmax(340px, 500px));
justify-content: center;
}

.info-cards-blog{
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 22px;
}

.info-cards-categoria{
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 28px;
}


.info-card{
position: relative;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
border: 1px solid rgba(6, 56, 74, 0.08);
box-shadow: 0 4px 16px rgba(6, 56, 74, 0.06);
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
box-shadow 0.4s,
border-color 0.3s;
}


.info-card::after{
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 4px;
width: 0;
background: linear-gradient(90deg, var(--c-main), var(--c-secondary));
transition: width 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
z-index: 2;
}

.info-card:hover{
transform: translateY(-8px);
box-shadow: 0 20px 44px rgba(6, 56, 74, 0.18);
border-color: rgba(6, 56, 74, 0.18);
text-decoration: none;
}

.info-card:hover::after{
width: 100%;
}


.info-card-tag{
position: absolute;
top: 14px;
left: 14px;
background: rgba(6, 56, 74, 0.85);
backdrop-filter: blur(6px);
color: #fff;
padding: 5px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
z-index: 2;
}

.info-card-tag.tag-gold{
background: var(--c-secondary);
color: var(--c-main-strong);
}


.info-card-large .info-card-img{
aspect-ratio: 16 / 9;
overflow: hidden;
background: linear-gradient(135deg, #eef6f9 0%, #dde9ee 100%);
position: relative;
}

.info-card-large .info-card-img::after{
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 50%, rgba(6, 56, 74, 0.4) 100%);
pointer-events: none;
opacity: 0;
transition: opacity 0.4s;
}

.info-card-large:hover .info-card-img::after{
opacity: 1;
}

.info-card-large .info-card-img img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.info-card-large:hover .info-card-img img{
transform: scale(1.07);
}

.info-card-large .info-card-body{
padding: 26px 26px 28px;
flex: 1;
display: flex;
flex-direction: column;
}

.info-card-large h3{
color: var(--c-main-strong);
font-size: 20px;
font-weight: 700;
margin: 0 0 12px;
line-height: 1.3;
letter-spacing: -0.2px;
}

.info-card-large p{
color: #555;
font-size: 14.5px;
line-height: 1.6;
margin: 0 0 18px;
flex: 1;
}

.info-card-cta{
color: var(--c-main);
font-weight: 700;
font-size: 13.5px;
display: inline-flex;
align-items: center;
gap: 8px;
text-transform: uppercase;
letter-spacing: 0.4px;
}

.info-card-cta i{
width: 26px;
height: 26px;
background: linear-gradient(135deg, var(--c-main), var(--c-secondary));
color: #fff;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
transition: transform 0.3s, box-shadow 0.3s;
}

.info-card:hover .info-card-cta i{
transform: translateX(4px) rotate(-8deg);
box-shadow: 0 4px 12px rgba(51, 205, 203, 0.4);
}


.info-card-medium .info-card-img{
aspect-ratio: 16 / 8;
overflow: hidden;
background: linear-gradient(135deg, #eef6f9 0%, #dde9ee 100%);
position: relative;
}

.info-card-medium .info-card-img::after{
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 50%, rgba(6, 56, 74, 0.4) 100%);
opacity: 0;
transition: opacity 0.4s;
}

.info-card-medium:hover .info-card-img::after{
opacity: 1;
}

.info-card-medium .info-card-img img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.info-card-medium:hover .info-card-img img{
transform: scale(1.07);
}

.info-card-medium .info-card-body{
padding: 28px 30px 32px;
}

.info-card-medium h3{
color: var(--c-main-strong);
font-size: 23px;
font-weight: 700;
margin: 0 0 12px;
letter-spacing: -0.3px;
}

.info-card-medium p{
color: #555;
font-size: 15.5px;
line-height: 1.65;
margin: 0 0 18px;
}


.info-card-small{
padding: 28px 26px 24px;
background: linear-gradient(180deg, #fff 0%, #f9fcfd 100%);
align-items: flex-start;
}

.info-card-small .info-card-icon{
width: 56px;
height: 56px;
border-radius: 14px;
background: linear-gradient(135deg, var(--c-main) 0%, var(--c-main-strong) 100%);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
margin-bottom: 18px;
box-shadow: 0 6px 18px rgba(6, 56, 74, 0.25);
position: relative;
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.info-card-small .info-card-icon::after{
content: '';
position: absolute;
inset: -3px;
border-radius: 16px;
border: 2px solid var(--c-secondary);
opacity: 0;
transition: opacity 0.3s, transform 0.3s;
}

.info-card-small:hover .info-card-icon{
transform: rotate(-6deg) scale(1.08);
}

.info-card-small:hover .info-card-icon::after{
opacity: 0.6;
transform: scale(1.05);
}

.info-card-small h3{
color: var(--c-main-strong);
font-size: 16.5px;
font-weight: 700;
margin: 0 0 8px;
line-height: 1.35;
letter-spacing: -0.1px;
}

.info-card-small p{
color: #666;
font-size: 13.5px;
line-height: 1.55;
margin: 0;
}


.info-card-categoria{
padding: 32px 28px 28px;
background: linear-gradient(180deg, #fff 0%, #f9fcfd 100%);
align-items: flex-start;
}

.info-card-categoria .info-card-icon-lg{
width: 72px;
height: 72px;
border-radius: 18px;
background: linear-gradient(135deg, var(--c-main) 0%, var(--c-main-strong) 100%);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
margin-bottom: 20px;
box-shadow: 0 8px 22px rgba(6, 56, 74, 0.28);
position: relative;
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.info-card-categoria .info-card-icon-lg::before{
content: '';
position: absolute;
inset: 0;
border-radius: 18px;
background: linear-gradient(135deg, var(--c-secondary), var(--c-main));
opacity: 0;
transition: opacity 0.4s;
z-index: -1;
}

.info-card-categoria:hover .info-card-icon-lg{
transform: rotate(-8deg) scale(1.1);
box-shadow: 0 12px 32px rgba(51, 205, 203, 0.45);
}

.info-card-categoria .info-card-tag{
position: static;
background: linear-gradient(135deg, var(--c-secondary), #7fe0df);
color: var(--c-main-strong);
padding: 5px 12px;
border-radius: 20px;
font-size: 11px;
font-weight: 700;
display: inline-block;
margin-bottom: 12px;
letter-spacing: 0.4px;
text-transform: uppercase;
backdrop-filter: none;
}

.info-card-categoria h3{
color: var(--c-main-strong);
font-size: 24px;
font-weight: 700;
margin: 0 0 12px;
letter-spacing: -0.3px;
}

.info-card-categoria p{
color: #555;
font-size: 14.5px;
line-height: 1.6;
margin: 0 0 20px;
}


.info-cta-final{
background: linear-gradient(135deg, var(--c-main-strong) 0%, var(--c-main) 70%, var(--c-secondary) 130%);
color: #fff;
padding: 64px 0;
text-align: center;
position: relative;
overflow: hidden;
}

.info-cta-final::before{
content: '';
position: absolute;
top: -150px;
right: -150px;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(51, 205, 203, 0.15) 0%, transparent 70%);
}

.info-cta-final>.container{
position: relative;
z-index: 1;
}

.info-cta-final h2{
color: #fff;
font-size: 32px;
font-weight: 800;
margin-bottom: 12px;
letter-spacing: -0.3px;
}

.info-cta-final p{
color: rgba(255, 255, 255, 0.92);
font-size: 16.5px;
margin-bottom: 28px;
}

.info-cta-buttons{
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
}

.info-btn{
padding: 15px 32px;
border-radius: 30px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14.5px;
letter-spacing: 0.3px;
transition: transform 0.3s, box-shadow 0.3s;
}

.info-btn-primary{
background: #25D366;
color: #fff;
box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35);
}

.info-btn-secondary{
background: transparent;
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.4);
}

.info-btn:hover{
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
text-decoration: none;
color: #fff;
}

.info-btn-secondary:hover{
background: rgba(255, 255, 255, 0.1);
border-color: #fff;
}


.info-cards .info-card{
opacity: 0;
transform: translateY(20px);
animation: cardFadeIn 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.info-cards .info-card:nth-child(1){
animation-delay: 0.05s;
}

.info-cards .info-card:nth-child(2){
animation-delay: 0.12s;
}

.info-cards .info-card:nth-child(3){
animation-delay: 0.19s;
}

.info-cards .info-card:nth-child(4){
animation-delay: 0.26s;
}

.info-cards .info-card:nth-child(5){
animation-delay: 0.33s;
}

.info-cards .info-card:nth-child(6){
animation-delay: 0.40s;
}

.info-cards .info-card:nth-child(7){
animation-delay: 0.47s;
}

.info-cards .info-card:nth-child(8){
animation-delay: 0.54s;
}

.info-cards .info-card:nth-child(9){
animation-delay: 0.61s;
}

.info-cards .info-card:nth-child(10){
animation-delay: 0.68s;
}

@keyframes cardFadeIn{
to{
opacity: 1;
transform: translateY(0);
}
}


@media (max-width: 768px){
.info-hero{
padding: 48px 0 42px;
}

.info-hero h1{
font-size: 30px;
}

.info-hero-lead{
font-size: 15px;
}

.info-section{
padding: 50px 0;
}

.info-section-head{
margin-bottom: 36px;
}

.info-section-head h2{
font-size: 26px;
}

.info-cards-t2{
grid-template-columns: 1fr;
}

.info-card-medium h3{
font-size: 20px;
}

.info-cta-final h2{
font-size: 26px;
}
}



.faq-accordion{
display: flex;
flex-direction: column;
gap: 12px;
margin: 24px 0;
}

.faq-item{
background: #fff;
border: 1px solid rgba(6, 56, 74, 0.08);
border-radius: 12px;
overflow: hidden;
transition: box-shadow 0.3s, border-color 0.3s;
}

.faq-item:hover{
border-color: rgba(6, 56, 74, 0.18);
box-shadow: 0 4px 16px rgba(6, 56, 74, 0.06);
}

.faq-item[open]{
border-color: var(--main, #00a0c6);
box-shadow: 0 6px 20px rgba(6, 56, 74, 0.1);
}

.faq-item summary{
cursor: pointer;
padding: 16px 22px 16px 56px;
font-weight: 700;
font-size: 15.5px;
color: #06384a;
list-style: none;
position: relative;
user-select: none;
transition: background 0.2s, color 0.2s;
line-height: 1.4;
}

.faq-item summary::-webkit-details-marker{
display: none;
}

.faq-item summary::before{
content: '+';
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-50%);
width: 26px;
height: 26px;
border-radius: 50%;
background: linear-gradient(135deg, var(--main, #00a0c6) 0%, #06384a 100%);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 400;
line-height: 1;
transition: transform 0.3s, background 0.3s;
}

.faq-item[open] summary::before{
content: '−';
transform: translateY(-50%) rotate(180deg);
background: linear-gradient(135deg, var(--secondary, #33cdcb) 0%, var(--main, #00a0c6) 100%);
}

.faq-item summary:hover{
background: #f9fcfd;
color: var(--main, #00a0c6);
}

.faq-item[open] summary{
background: linear-gradient(180deg, #f9fcfd 0%, #fff 100%);
border-bottom: 1px solid rgba(6, 56, 74, 0.08);
}

.faq-answer{
padding: 4px 22px 20px 56px;
color: #555;
line-height: 1.65;
font-size: 14.5px;
animation: faqSlideDown 0.3s ease-out;
}

.faq-answer p{
margin: 0 0 10px;
}

.faq-answer p:last-child{
margin-bottom: 0;
}

.faq-answer ul,
.faq-answer ol{
margin: 8px 0;
padding-left: 22px;
}

.faq-answer li{
margin: 4px 0;
}

.faq-answer a{
color: var(--main, #00a0c6);
font-weight: 600;
}

@keyframes faqSlideDown{
from{
opacity: 0;
transform: translateY(-6px);
}

to{
opacity: 1;
transform: translateY(0);
}
}

@media (max-width: 640px){
.faq-item summary{
padding: 14px 18px 14px 50px;
font-size: 14.5px;
}

.faq-item summary::before{
left: 14px;
width: 22px;
height: 22px;
font-size: 16px;
}

.faq-answer{
padding: 4px 18px 18px 50px;
font-size: 14px;
}
}



.google-partner-section{
background: linear-gradient(135deg, #f5fafc 0%, #eef6f9 100%);
border-radius: 16px;
padding: 40px 36px;
margin: 36px 0;
border: 1px solid rgba(6, 56, 74, 0.08);
box-shadow: 0 4px 16px rgba(6, 56, 74, 0.05);
display: grid;
grid-template-columns: 200px 1fr;
gap: 36px;
align-items: center;
position: relative;
overflow: hidden;
}

.google-partner-section::before{
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(6, 56, 74, 0.06) 0%, transparent 70%);
pointer-events: none;
}

.google-partner-badge{
position: relative;
z-index: 1;
text-align: center;
}

.google-partner-badge img{
max-width: 180px;
width: 100%;
height: auto;
filter: drop-shadow(0 8px 18px rgba(6, 56, 74, 0.18));
transition: transform 0.3s;
}

.google-partner-badge a:hover img{
transform: scale(1.05);
}

.google-partner-content{
position: relative;
z-index: 1;
}

.google-partner-content h3{
color: #06384a !important;
font-size: 24px !important;
font-weight: 800 !important;
margin: 0 0 12px !important;
letter-spacing: -0.3px;
line-height: 1.25;
}

.google-partner-content h3 .gp-highlight{
background: linear-gradient(135deg, #4285F4 0%, #34A853 50%, #FBBC05 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 800;
}

.google-partner-content p{
color: #555;
font-size: 14.5px;
line-height: 1.65;
margin: 0 0 14px;
}

.google-partner-features{
display: flex;
flex-wrap: wrap;
gap: 10px 18px;
margin: 16px 0 18px;
padding: 0;
list-style: none;
}

.google-partner-features li{
display: flex;
align-items: center;
gap: 8px;
font-size: 13.5px;
color: #444;
}

.google-partner-features li i{
color: var(--main, #00a0c6);
font-size: 14px;
}

.google-partner-cta{
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, #4285F4 0%, #00a0c6 100%);
color: #fff !important;
padding: 11px 22px;
border-radius: 30px;
text-decoration: none;
font-weight: 700;
font-size: 14px;
transition: transform 0.2s, box-shadow 0.2s;
margin-top: 4px;
}

.google-partner-cta:hover{
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(66, 133, 244, 0.35);
color: #fff !important;
text-decoration: none;
}

@media (max-width: 768px){
.google-partner-section{
grid-template-columns: 1fr;
text-align: center;
padding: 32px 24px;
}

.google-partner-features{
text-align: left;
}

.google-partner-content h3{
font-size: 22px !important;
}
}


.footer-nap{
font-style: normal;
font-size: 13px;
color: #999;
line-height: 1.5;
margin: 12px 0 6px;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-nap i{
color: var(--secondary, #33cdcb);
margin-right: 6px;
}

.footer-cnpj{
font-size: 12px;
color: #888;
margin: 0;
}


.box-cookies{
position: fixed;
bottom: 16px;
left: 16px;
right: 16px;
z-index: 9999;
background: #1a1a1a;
color: #fff;
padding: 18px 22px;
border-radius: 12px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
display: flex;
gap: 18px;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1100px;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, 0.08);
}

.box-cookies.hide,
.cookie-manager.hide{
display: none;
}

.box-cookies .cookies-msg{
flex: 1;
min-width: 260px;
}

.box-cookies .msg-cookies{
margin: 0;
font-size: 14px;
line-height: 1.5;
}

.box-cookies .msg-cookies a{
color: var(--secondary, #33cdcb);
text-decoration: underline;
}

.box-cookies .cookies-actions{
display: flex;
gap: 10px;
flex-wrap: wrap;
}

.btn-cookies{
border: 0;
padding: 10px 18px;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: opacity 0.2s, transform 0.2s;
}

.btn-cookies-accept{
background: var(--main, #00a0c6);
color: #fff;
}

.btn-cookies-reject{
background: #444;
color: #fff;
}

.btn-cookies:hover{
transform: translateY(-1px);
opacity: 0.92;
}

.btn-cookies-link{
background: transparent;
border: 0;
color: #fff;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
padding: 10px 4px;
}

.btn-cookies-link:hover{
color: var(--secondary, #33cdcb);
}

.cookie-manager{
position: fixed;
inset: 0;
z-index: 10000;
background: rgba(0, 0, 0, 0.55);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}

.cookie-manager-inner{
background: #fff;
color: #111;
padding: 32px;
border-radius: 14px;
max-width: 520px;
width: 100%;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
}

.cookie-manager-inner h3{
margin: 0 0 12px;
font-size: 22px;
color: var(--main, #00a0c6);
}

.cookie-categories{
list-style: none;
padding: 0;
margin: 18px 0;
}

.cookie-categories li{
padding: 12px 0;
border-bottom: 1px solid #eee;
font-size: 14px;
}

.cookie-categories li:last-child{
border-bottom: 0;
}

.cookie-categories input[type="checkbox"]{
margin-right: 8px;
transform: scale(1.2);
}

.cookie-manager-actions{
display: flex;
gap: 12px;
justify-content: flex-end;
margin-top: 20px;
flex-wrap: wrap;
}

@media (max-width: 600px){
.box-cookies{
flex-direction: column;
align-items: stretch;
gap: 12px;
}

.box-cookies .cookies-actions{
justify-content: stretch;
}

.box-cookies .cookies-actions button{
flex: 1;
}
}


.contact-map-embed{
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.contact-map-title{
margin: 0 0 12px;
color: var(--main, #00a0c6);
font-size: 20px;
}

.contact-map-nap{
font-style: normal;
font-size: 14px;
line-height: 1.6;
color: #444;
margin-bottom: 14px;
}

.contact-map-nap i{
color: var(--secondary, #33cdcb);
margin-right: 4px;
}

.contact-map-link{
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 10px;
color: var(--main, #00a0c6);
font-weight: 600;
text-decoration: none;
font-size: 14px;
}

.contact-map-link:hover{
text-decoration: underline;
}


.logo-h1-replacement{
font-weight: 700;
font-size: 22px;
color: var(--main, #00a0c6);
margin: 0;
padding: 0;
}


.subtitle-h1{
font-size: 17px;
color: #555;
margin: 8px 0 14px;
line-height: 1.5;
}


@media (max-width: 600px){
.box-cookies{
max-height: 120px;
overflow-y: auto;
padding: 12px 16px;
gap: 8px;
bottom: 8px;
left: 8px;
right: 8px;
font-size: 13px;
}

.box-cookies .msg-cookies{
font-size: 12px;
line-height: 1.4;
margin: 0;
}

.box-cookies .msg-cookies strong{
display: inline;
}

.box-cookies .cookies-actions{
gap: 6px;
}

.btn-cookies{
padding: 6px 10px;
font-size: 12px;
}

.btn-cookies-link{
padding: 6px 4px;
font-size: 12px;
}
}


.slick-banner img{
aspect-ratio: 543 / 418;
max-width: 100%;
height: auto;
}

.about-img img{
aspect-ratio: 657 / 600;
max-width: 100%;
height: auto;
}

.midias-sociais img,
.midias-pagas img{
aspect-ratio: 382 / 435;
max-width: 100%;
height: auto;
}

.logo-footer img{
aspect-ratio: 1 / 1;
max-width: 153px;
height: auto;
}


body{
padding-bottom: 0;
}

body.cookie-pending{
padding-bottom: 120px;
}


#home .slick-banner{
min-height: 250px;

}

@media (max-width: 768px){
#home .slick-banner{
min-height: 200px;
}
}

.hub-grid{display:flex;flex-wrap:wrap;margin:0 -12px}
.hub-grid>[class*="col-"]{padding:12px}
.hub-card{display:flex;flex-direction:column;height:100%;padding:24px;border:1px solid #e2ecf0;border-radius:10px;background:#fff;transition:box-shadow .2s,transform .2s;text-decoration:none}
.hub-card:hover{box-shadow:0 10px 30px rgba(6, 56, 74,.10);transform:translateY(-3px)}
.hub-card-title{font-size:1.15rem;color:var(--main);margin:0 0 8px}
.hub-card-desc{font-size:.95rem;color:var(--grey);line-height:1.6;flex:1;margin:0 0 14px}
.hub-card-link{font-weight:600;color:var(--main)}
.hub-card-link .ico{margin-left:4px}

.tier-beneficios{margin:32px 0}
.tier-beneficios h2{font-size:1.4rem;color:var(--main);margin-bottom:16px}
.lista-beneficios{list-style:none;margin:0;padding:0}
.lista-beneficios li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;line-height:1.6}
.lista-beneficios .ico{color:var(--secondary);margin-top:3px;flex-shrink:0}

.tier-cta{background:var(--main);color:#fff;text-align:center;padding:48px 0;margin-top:8px}
.tier-cta h2{color:#fff;font-size:1.6rem;margin-bottom:8px}
.tier-cta p{color:rgba(255,255,255,.85);margin-bottom:20px}
.tier-cta .box-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}


:root{
--topbar-h: 41px;
--header-h: 89px;
}



html, body{height: auto;min-height: 100%}
html{overflow-x: hidden;scroll-behavior: smooth}
body{
background-color: var(--white);
color: var(--grey-dark);
font-family: var(--font);
font-size: 16px;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
*{scroll-margin-top: calc(var(--topbar-h) + var(--header-h) + 16px)}

@media (prefers-reduced-motion: reduce){
html{scroll-behavior: auto}
*, *::before, *::after{animation-duration: .01ms !important;transition-duration: .01ms !important}
}

h1, h2, h3, h4, h5, h6{
font-family: var(--font-title);
color: var(--main-strong);
line-height: 1.25;
font-weight: 700;
}
h2{font-size: clamp(1.5rem, 3.2vw, 2.1rem)}
h3{font-size: clamp(1.15rem, 2.2vw, 1.4rem)}
a{color: var(--main-dark)}
.tier-content a:not(.blue-btn):not(.yellow-btn):not(.ghost-btn),
.hub-intro a, .post-content a{text-decoration: underline;text-underline-offset: 2px}

.container-estreito{max-width: 900px;margin: 0 auto}


:focus-visible{
outline: 3px solid var(--secondary);
outline-offset: 2px;
border-radius: 4px;
}

.skip-link{
position: absolute;
left: -9999px;
top: 0;
z-index: 200;
background: var(--main-strong);
color: #fff;
padding: 12px 20px;
border-radius: 0 0 8px 0;
font-weight: 600;
}
.skip-link:focus{left: 0}


.ico{width: 1em;height: 1em;fill: currentColor;vertical-align: -0.125em}
i[class*="fa-"]{font-style: normal;display: inline-flex}


.top-bar{
position: fixed;
top: 0;left: 0;right: 0;
z-index: 101;
background: var(--main-strong);
color: rgba(255, 255, 255, .88);
font-size: 13.5px;
height: var(--topbar-h);
display: flex;
align-items: center;
}
.top-bar-inner{
width: 90%;
margin: 0 auto;
padding: 0 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.top-bar-slogan{margin: 0;display: flex;align-items: center;gap: 8px}
.top-bar-slogan .ico{color: var(--secondary)}
.top-bar-contatos{display: flex;gap: 22px;margin: 0;padding: 0;list-style: none}
.top-bar-contatos a{
color: rgba(255, 255, 255, .88);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 7px;
transition: color .2s;
}
.top-bar-contatos a:hover{color: var(--secondary)}

header.header-background{
top: var(--topbar-h);
background: var(--white);
box-shadow: 0 2px 14px rgba(6, 56, 74, .10);
}
header .header-container-main{padding: 0 15px}
header .logo{width: auto;margin: 12px 0}
header .logo img{width: 210px;height: auto;display: block}

.menu > .menu-list > li > a{
color: var(--main-strong);
font-size: 1rem;
font-weight: 600;
padding: 10px 15px;
border-radius: 8px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.menu > .menu-list > li:not(li:last-child):hover > a,
.menu > .menu-list > li:not(li:last-child):focus-within > a{
background: var(--main-light);
color: var(--main-darker);
transform: none;
}
.menu > .menu-list > li.pagina-focus > a{color: var(--main)}
.seta-submenu{font-size: .62em;opacity: .6;transition: transform .2s}
.menu > .menu-list > li:hover .seta-submenu,
.menu > .menu-list > li:focus-within .seta-submenu{transform: rotate(180deg)}

#btn-header-contato{
background: var(--main);
color: #fff;
border: 2px solid var(--main);
border-radius: 30px;
padding: 10px 20px;
}
#btn-header-contato:hover,
#btn-header-contato:focus-visible{
background: var(--main-strong);
border-color: var(--main-strong);
color: #fff;
transform: translateY(-2px);
}


.menu > .menu-list > li.has-submenu > .sub-menu{
min-width: 300px !important;
max-width: 340px;

max-height: 440px;
background: var(--main-strong);
border-radius: 0 0 12px 12px;
padding: 6px 0;
box-shadow: 0 18px 40px rgba(6, 56, 74, .28);
}
.menu > .menu-list > li.has-submenu:focus-within > .sub-menu{
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.menu > .menu-list > li.has-submenu > .sub-menu > li > a{
color: #fff !important;
font-size: .9rem;
font-weight: 500;
padding: 10px 20px;
white-space: normal;
line-height: 1.4;
}
.menu > .menu-list > li.has-submenu > .sub-menu > li > a:hover,
.menu > .menu-list > li.has-submenu > .sub-menu > li > a:focus-visible{
background: var(--main) !important;
color: #fff !important;
padding-left: 26px;
}

main.main-content{margin-top: calc(var(--topbar-h) + var(--header-h)) !important}


.top-bar, header.header-background{
transition: transform .3s ease, box-shadow .3s ease, opacity .25s ease;
will-change: transform;
}
body.topo-compacto .top-bar{
transform: translateY(calc(var(--topbar-h) * -1));
opacity: 0;
pointer-events: none;
}
body.topo-compacto header.header-background{
transform: translateY(calc(var(--topbar-h) * -1));
box-shadow: 0 6px 24px rgba(6, 56, 74, .18);
}
@media (prefers-reduced-motion: reduce){
.top-bar, header.header-background{transition: none}
}


@media screen and (max-width: 768px){
:root{--topbar-h: 0px;--header-h: 68px}
.top-bar{display: none}
header.header-background{top: 0;box-shadow: none}
header .header-container-main{display: none}
main.main-content{margin-top: 68px}
.slicknav_nav{top: 68px;height: calc(100vh - 68px);overflow-y: auto}
}
@media screen and (max-width: 1085px) and (min-width: 769px){
header .logo img{width: 170px}
.menu > .menu-list > li > a{padding: 8px 10px;font-size: .92rem}
}

.slicknav_menu{background: #fff;box-shadow: 0 2px 14px rgba(6, 56, 74, .10)}
.slicknav_nav{

background: linear-gradient(160deg, #06384a 0%, #075a72 100%);
text-transform: none;
letter-spacing: 0;
text-shadow: none;
text-align: left;
padding: 10px 0 80px;
}
.slicknav_nav a{font-family: var(--font);text-shadow: none;padding: 11px 20px;font-size: 16px}
.slicknav_nav ul{margin: 0 0 0 14px}
.slicknav_nav ul a{font-size: 14px;opacity: .85}

.slicknav_nav svg,
.slicknav_menu svg{
width: 15px;
height: 15px;
fill: currentColor;
vertical-align: -2px;
flex: 0 0 auto;
}
.slicknav_nav i{display: inline-flex;align-items: center}
.slicknav_brand img{max-height: 44px;width: auto}


.hero{
position: relative;
min-height: 620px;
display: flex;
align-items: center;
overflow: hidden;
color: #fff;
}
.hero-bg{
position: absolute;
inset: 0;
background: url("../../../imagens/banner-home.webp") center 40% / cover no-repeat;
}
.hero-bg::after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(100deg, rgb(6 56 74 / 0%) 0%, rgb(6 56 74 / 14%) 42%, rgb(0 160 198 / 0%) 100%);
}
.hero .container{position: relative;z-index: 2}
.hero-conteudo{text-align: center;padding: 90px 0}
.hero-chapeu{
text-transform: uppercase;
letter-spacing: .16em;
font-size: .78rem;
font-weight: 600;
color: var(--secondary);
margin: 0 0 14px;
}
.hero h1{
color: #fff;
font-size: clamp(2rem, 5.2vw, 3.4rem);
line-height: 1.15;
margin: 0 0 18px;
text-wrap: balance;
font-weight: 100;
}
.hero .subtitle-h1{
color: rgba(255, 255, 255, .92);
font-size: 1rem;
margin: 0 0 30px;
}
.hero .box-buttons{gap: 14px;justify-content: center}

@media (max-width: 768px){
.hero{min-height: 0}
.hero-conteudo{padding: 64px 0}
.hero-bg{background-position: center}
}


.box-buttons a{
box-shadow: none;
padding: 13px 26px;
border-radius: 30px;
font-weight: 600;
font-size: .98rem;
display: inline-flex;
align-items: center;
gap: 8px;
}
.box-buttons-center{justify-content: center;margin-top: 34px}

.blue-btn{background: var(--main);color: #fff;border: 2px solid var(--main)}
.blue-btn:hover, .blue-btn:focus-visible{background: var(--main-strong);border-color: var(--main-strong);color: #fff;transform: translateY(-3px)}

.yellow-btn{background: var(--secondary);color: var(--main-strong);border: 2px solid var(--secondary)}
.yellow-btn:hover, .yellow-btn:focus-visible{background: var(--secondary-dark);border-color: var(--secondary-dark);color: #fff;transform: translateY(-3px)}

.white-btn{background: #fff;color: var(--main-darker);border: 2px solid #fff}
.white-btn:hover, .white-btn:focus-visible{background: var(--secondary);border-color: var(--secondary);color: var(--main-strong);transform: translateY(-3px)}

.ghost-btn{background: transparent;color: #fff;border: 2px solid rgba(255, 255, 255, .6)}
.ghost-btn:hover, .ghost-btn:focus-visible{background: #fff;color: var(--main-darker);border-color: #fff;transform: translateY(-3px)}
.ghost-btn-claro{border-color: rgba(255, 255, 255, .8)}


.chapeu{
text-transform: uppercase;
letter-spacing: .14em;
font-size: .76rem;
font-weight: 700;
color: var(--main);
margin: 0 0 8px;
}
.chapeu-claro{color: var(--secondary)}
.secao-titulo{margin: 0 0 16px;text-wrap: balance}
.secao-lead{color: var(--grey);max-width: 780px;margin: 0 auto}
.secao-head{text-align: center;max-width: 820px;margin: 0 auto 42px}
.secao-head .chapeu{text-align: center}

.padding-50{padding: 72px 0}
.bg-escuro{background: var(--dark-white)}

.resposta-direta{
font-size: 1.06em;
line-height: 1.75;
font-weight: 500;
color: var(--main-strong);
padding: 18px 22px;
margin: 0 0 24px;
border-left: 4px solid var(--main);
background: var(--main-light);
border-radius: 0 8px 8px 0;
}


.bloco-duplo{align-items: center;gap: 0}
.align-items-center{align-items: center}
.bloco-duplo > [class*="col-"]{padding: 0 20px}
.bloco-invertido{flex-direction: row-reverse}
.figura-lateral{margin: 0}
.figura-lateral img{
width: 100%;
height: 450px;
object-fit: cover;
border-radius: var(--bradius);
box-shadow: var(--shadow-md);
display: block;
}
@media (max-width: 768px){
.bloco-invertido{flex-direction: column-reverse}
.bloco-duplo > [class*="col-"]{padding: 0 15px}
.bloco-duplo > [class*="col-"] + [class*="col-"]{margin-top: 32px}
.bloco-invertido > [class*="col-"] + [class*="col-"]{margin-top: 0;margin-bottom: 32px}
.figura-lateral img{
height: auto;
}
}




.hub-grid{
margin: 0 -12px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.hub-grid > [class*="col-"]{
padding: 12px;
display: flex;
align-items: stretch;
}


.hub-grupo + .hub-grupo{margin-top: 64px}
.hub-grupo .secao-head{margin-bottom: 32px}
.hub-grupo-nota{
margin: 10px auto 0;
max-width: 720px;
color: var(--grey-dark);
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 767px){
.hub-grupo + .hub-grupo{margin-top: 44px}
.hub-grupo .secao-head{margin-bottom: 24px}
}


.menu .sub-menu .sub-menu-todos{border-top: 1px solid rgba(0, 0, 0, .08)}
.menu .sub-menu .sub-menu-todos > a{font-weight: 600}


.menu .menu-list > li.li-info > a{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 34px;
height: 34px;
padding: 0;
border: 1px solid var(--line);
border-radius: 50%;
color: var(--main);
transition: background .25s ease, border-color .25s ease, color .25s ease;
}

.menu .menu-list > li.li-info > a:hover,
.menu .menu-list > li.li-info > a:focus-visible,
.menu .menu-list > li.li-info.pagina-focus > a{
background: var(--main);
border-color: var(--main);
color: #fff;
}
.menu .menu-list > li.li-info .ico-info{fill: currentColor}
.menu .menu-list > li.li-info .hide-desktop{
position: absolute;
width: 1px;height: 1px;
margin: -1px;padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}

.slicknav_nav .li-info > a{width: auto;height: auto;border: 0;border-radius: 0;justify-content: flex-start}
.slicknav_nav .li-info .hide-desktop{
position: static;
width: auto;height: auto;
margin: 0;overflow: visible;
clip: auto;clip-path: none;
}


.hub-com-sidebar{margin: 0 -12px;align-items: flex-start}
.hub-nav-col,
.hub-conteudo-col{padding: 0 12px}

.hub-nav-col{
position: sticky;
top: calc(var(--header-h) + 30px);
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--bradius);
padding: 18px 16px;
box-shadow: var(--shadow-sm);
}
.hub-nav-titulo{
margin: 0 0 12px;
font-family: var(--font-title);
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--main-strong);
}
.hub-nav-list{list-style: none;margin: 0;padding: 0}
.hub-nav-list > li + li{margin-top: 4px}
.hub-nav-list > li > a{
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
border-radius: 10px;
color: var(--grey-dark);
font-size: 14px;
line-height: 1.35;
text-decoration: none;
transition: background .2s ease, color .2s ease;
}
.hub-nav-list > li > a > span{flex: 1 1 auto}
.hub-nav-list > li > a > i{display: inline-flex;color: var(--main);transition: color .2s ease}
.hub-nav-list > li > a > i > .ico{width: 16px;height: 16px;fill: currentColor}
.hub-nav-list > li > a > em{
flex: 0 0 auto;
min-width: 26px;
padding: 2px 7px;
border-radius: 999px;
background: var(--main-light);
color: var(--main-darker);
font-size: 12px;
font-style: normal;
font-weight: 700;
text-align: center;
}
.hub-nav-list > li > a:hover,
.hub-nav-list > li > a:focus-visible{background: var(--main-light);color: var(--main-strong)}
.hub-nav-list > li > a.active{
background: var(--main);
color: var(--white);
}

.hub-nav-list > li > a.active > i{color: var(--white)}
.hub-nav-list > li > a.active > em{background: rgba(255, 255, 255, .22);color: var(--white)}


.hub-com-sidebar .secao-head.text-left{text-align: left;margin-left: 0;max-width: none}
.hub-com-sidebar .secao-head.text-left .eyebrow{text-align: left}
.hub-com-sidebar .secao-head.text-left .hub-grupo-nota{margin-left: 0}
.hub-com-sidebar .secao-titulo > i{display: inline-flex;vertical-align: -3px;color: var(--main)}
.hub-com-sidebar .secao-titulo > i > .ico{width: 22px;height: 22px;fill: currentColor}
.hub-grupo[id]{scroll-margin-top: calc(var(--header-h) + 20px)}

@media (max-width: 991px){
.hub-nav-col > nav{position: static;padding: 14px;margin-bottom: 28px}
.hub-nav-list{display: flex;gap: 8px;overflow-x: auto;padding-bottom: 4px}
.hub-nav-list > li + li{margin-top: 0}
.hub-nav-list > li > a{white-space: nowrap}
.hub-nav-list > li > a > span{flex: 0 0 auto}
}
.hub-card{
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
height: -webkit-fill-available;
height: -moz-available;
height: stretch;
padding: 0;
overflow: hidden;
border: 1px solid var(--line);
border-radius: var(--bradius);
background: #fff;
transition: box-shadow .25s, transform .25s, border-color .25s;
}
.hub-card:hover, .hub-card:focus-within{
box-shadow: var(--shadow-lg);
transform: translateY(-4px);
border-color: var(--main-light);
}
.hub-card-img{display: block;overflow: hidden;background: var(--dark-white);aspect-ratio: 16 / 9}
.hub-card-img img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform .4s}
.hub-card:hover .hub-card-img img{transform: scale(1.05)}
.hub-card-body{display: flex;flex-direction: column;flex: 1;padding: 22px 24px 24px}
.hub-card-chapeu{
text-transform: uppercase;
letter-spacing: .12em;
font-size: .68rem;
font-weight: 700;
color: var(--main);
margin: 0 0 6px;
}
.hub-card-icone{
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;height: 54px;
border-radius: 14px;
background: var(--main-light);
color: var(--main);
font-size: 1.4rem;
margin-bottom: 14px;
}
.hub-card-title{font-size: 1.14rem;margin: 0 0 10px;line-height: 1.35;color: var(--main-strong)}
.hub-card-anchor{color: inherit;text-decoration: none}

.hub-card-anchor::after{content: "";position: absolute;inset: 0;z-index: 1}
.hub-card:hover .hub-card-anchor{color: var(--main-dark)}
.hub-card-desc{font-size: .93rem;color: var(--grey);line-height: 1.65;flex: 1;margin: 0 0 16px}
.hub-card-link{font-weight: 700;color: var(--main);font-size: .9rem;display: inline-flex;align-items: center;gap: 7px}
.hub-card:hover .hub-card-link .ico{transform: translateX(4px)}
.hub-card-link .ico{transition: transform .2s}
.hub-nav-col{
margin-bottom: 3rem;
}

.lista-produtos-home,
.lista-servicos-home{list-style: none;margin: 22px 0 26px;padding: 0;display: grid;grid-template-columns: 1fr;gap: 8px 18px}
.lista-produtos-home a,
.lista-servicos-home a{
display: flex;
align-items: center;
gap: 10px;
padding: 9px 12px;
border-radius: 9px;
color: var(--main-strong);
text-decoration: none;
font-weight: 500;
font-size: .93rem;
transition: background .2s, color .2s;
}
.lista-produtos-home a:hover, .lista-produtos-home a:focus-visible,
.lista-servicos-home a:hover, .lista-servicos-home a:focus-visible{background: var(--main-light);color: var(--main-darker)}
.lista-produtos-home .ico,
.lista-servicos-home .ico{color: var(--main);font-size: 1.05em;flex-shrink: 0}

@media (min-width: 1360px){
.lista-produtos-home,
.lista-servicos-home{grid-template-columns: 1fr 1fr}
}


.cta-faixa{
position: relative;
padding: 84px 0;
text-align: center;
color: #fff;
background: linear-gradient(rgba(6, 56, 74, .90), rgba(0, 160, 198, .82)), url("../../../imagens/cta.webp") center / cover no-repeat fixed;
}
.cta-faixa h2{color: #fff;max-width: 900px;margin: 0 auto 18px}
.cta-faixa p{max-width: 840px;margin: 0 auto;color: rgba(255, 255, 255, .93)}
@media (max-width: 900px){.cta-faixa{background-attachment: scroll;padding: 64px 0}}


#banner, #banner.banner-tier{
position: relative;
padding: 68px 0 60px;
color: #fff;
background: linear-gradient(rgba(6, 56, 74, .90), rgba(6, 56, 74, .80)), url("../../../imagens/banner-interno.webp") center / cover no-repeat;
}
#banner .container{position: relative;z-index: 2}
#banner::before, #banner::after{content: none}
.banner-chapeu{
text-transform: uppercase;
letter-spacing: .14em;
font-size: .76rem;
font-weight: 700;
color: var(--secondary);
margin: 0 0 8px;
}
h1.title-banner{
color: #fff;
font-size: clamp(1.7rem, 4vw, 2.7rem);
margin: 0;
max-width: 950px;
text-wrap: balance;
}
h1.title-banner::after{content: none}
.banner-subtitle{color: rgba(255, 255, 255, .9);max-width: 780px;margin: 14px 0 0;font-size: 1.02rem}


.banner-cta{
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 22px 0 0;
}
.banner-cta a{
display: inline-flex;
align-items: center;
gap: 8px;
padding: 13px 22px;
border-radius: 999px;
font-weight: 600;
font-size: .97rem;
line-height: 1.1;
text-decoration: none;
transition: transform .18s ease, background-color .18s ease;
}
.banner-cta a:hover, .banner-cta a:focus-visible{transform: translateY(-2px)}
.banner-cta-wpp{background: #25d366;color: #06384a}
.banner-cta-wpp:hover, .banner-cta-wpp:focus-visible{background: #1fbe5a;color: #06384a}
.banner-cta-wpp .ico{width: 20px;height: 20px;fill: currentColor}
.banner-cta-orcamento{
background: transparent;
color: #fff;
border: 2px solid rgba(255, 255, 255, .55);
}
.banner-cta-orcamento:hover, .banner-cta-orcamento:focus-visible{
background: #fff;
color: #06384a;
border-color: #fff;
}
@media (max-width: 641px){
.banner-cta{gap: 10px;margin-top: 18px}
.banner-cta a{flex: 1 1 100%;justify-content: center;padding: 14px 18px}
}


body:has(#cookieBanner:not(.hide)) .whatsapp-link,
body:has(#cookieManager:not(.hide)) .whatsapp-link{
bottom: 160px;
}
@media (max-width: 641px){
body:has(#cookieBanner:not(.hide)) .whatsapp-link,
body:has(#cookieManager:not(.hide)) .whatsapp-link{
bottom: 200px;
}
}


#breadcrumb{display: block;font-size: .84rem;margin: 0 0 16px;color: rgba(255, 255, 255, .75)}
#breadcrumb div{display: inline}
.breadcrumb{margin: 0;padding: 0;background: none}
#breadcrumb a{color: rgba(255, 255, 255, .8);text-decoration: none}
#breadcrumb a:hover{color: #fff;text-decoration: underline}
#breadcrumb strong .page{color: var(--secondary);font-weight: 600}
#breadcrumb .ico{margin-right: 4px}


.tier-content, .hub-intro, .post-content{font-size: 1.02rem}
.tier-content h2, .hub-intro h2{margin: 42px 0 14px}
.tier-content h2:first-of-type{margin-top: 8px}
.tier-content h3{margin: 28px 0 10px;color: var(--main-darker)}
.tier-content p, .hub-intro p{margin: 0 0 16px}

.tier-figura{margin: 0 0 30px}
.tier-figura img{
width: 100%;
height: auto;
max-height: 400px;
object-fit: cover;
border-radius: var(--bradius);
box-shadow: var(--shadow-md);
display: block;
}

.lista-check{list-style: none;margin: 0 0 22px;padding: 0}
.lista-check li{position: relative;padding: 7px 0 7px 30px;line-height: 1.65}
.lista-check li::before{
content: "";
position: absolute;
left: 0;top: 15px;
width: 9px;height: 9px;
border-radius: 50%;
background: var(--secondary);
box-shadow: 0 0 0 4px var(--secondary-light);
}
.lista-etapas{margin: 0 0 22px;padding-left: 20px}
.lista-etapas li{padding: 7px 0;line-height: 1.65}
.lista-etapas li::marker{color: var(--main);font-weight: 700}

.tabela-scroll{overflow-x: auto;margin: 0 0 26px;-webkit-overflow-scrolling: touch}
.tabela-dados{width: 100%;min-width: 560px;border-collapse: collapse;font-size: .94rem}
.tabela-dados th, .tabela-dados td{padding: 13px 16px;text-align: left;border-bottom: 1px solid var(--line);vertical-align: top}
.tabela-dados thead th{background: var(--main-strong);color: #fff;font-family: var(--font-title);font-weight: 600;border-bottom: 0}
.tabela-dados thead th:first-child{border-radius: 8px 0 0 0}
.tabela-dados thead th:last-child{border-radius: 0 8px 0 0}
.tabela-dados tbody tr:nth-child(even){background: var(--dark-white)}
.tabela-dados td strong{color: var(--main-strong)}


.tier-beneficios{margin: 44px 0;padding: 30px 32px;background: var(--main-light);border-radius: var(--bradius)}
.tier-beneficios h2{margin: 0 0 16px;font-size: 1.4rem}
.lista-beneficios li{padding: 9px 0;align-items: flex-start;gap: 12px}
.lista-beneficios .ico{color: var(--main);font-size: 1.1em;margin-top: 4px}
@media (max-width: 600px){.tier-beneficios{padding: 24px 20px}}


.tier-irmaos{background: var(--dark-white)}
.tier-irmaos .secao-titulo{font-size: 1.4rem;margin-bottom: 20px}
.lista-irmaos{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 10px}
.lista-irmaos a{
display: flex;
align-items: center;
gap: 10px;
padding: 14px 18px;
background: #fff;
border: 1px solid var(--line);
border-radius: 10px;
color: var(--main-strong);
text-decoration: none;
font-weight: 500;
font-size: .94rem;
transition: border-color .2s, transform .2s, box-shadow .2s;
}
.lista-irmaos a:hover, .lista-irmaos a:focus-visible{
border-color: var(--main);
color: var(--main-dark);
transform: translateX(3px);
box-shadow: var(--shadow-sm);
}
.lista-irmaos .ico{color: var(--main);flex-shrink: 0}


.tier-cta{background: linear-gradient(120deg, var(--main-strong), var(--main-dark));padding: 62px 0}
.tier-cta h2{color: #fff;font-size: clamp(1.5rem, 3vw, 2rem)}
.tier-cta p{color: rgba(255, 255, 255, .9)}


.faq-accordion{margin: 18px 0 8px}
.faq-item{
background: #fff;
border: 1px solid var(--line);
border-radius: 12px;
margin-bottom: 12px;
overflow: hidden;
transition: border-color .2s, box-shadow .2s;
}
.faq-item:hover{border-color: var(--main-light)}
.faq-item[open]{border-color: var(--main);box-shadow: var(--shadow-sm)}
.faq-item summary{
cursor: pointer;
list-style: none;
padding: 18px 54px 18px 22px;
font-family: var(--font-title);
font-weight: 600;
font-size: 1.02rem;
color: var(--main-strong);
position: relative;
}
.faq-item summary::-webkit-details-marker{display: none}
.faq-item summary::before{
content: "+";
position: absolute;

left: auto;
right: 20px;top: 50%;
transform: translateY(-50%);
width: 26px;height: 26px;
display: flex;align-items: center;justify-content: center;
border-radius: 50%;
background: var(--main-light);
color: var(--main);
font-size: 1.2rem;
font-weight: 700;
line-height: 1;
transition: background .2s, color .2s, transform .2s;
}
.faq-item[open] summary::before{content: "–";background: var(--main);color: #fff;transform: translateY(-50%)}
.faq-item summary:hover{background: var(--dark-white);color: var(--main-darker)}
.faq-item[open] summary{background: var(--main-light);border-bottom: 1px solid var(--line)}
.faq-answer{padding: 16px 22px 20px;color: var(--grey-dark)}
.faq-answer p{margin: 0;line-height: 1.75}
.faq-mais{text-align: center;margin-top: 26px;color: var(--grey)}
.hub-faq{margin-top: 56px}


.secao-formulario{
position: relative;
padding: 84px 0;
}
.form-wrap{
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
gap: 48px;
align-items: start;
}


.form-intro{padding-top: 6px}
.form-badge{
display: inline-block;
background: #fff;
border: 1px solid var(--line);
border-radius: 30px;
padding: 8px 20px;
font-size: .72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .16em;
color: var(--main-strong);
margin-bottom: 22px;
}
.form-intro-titulo{
font-size: clamp(2rem, 4.4vw, 3.1rem);
line-height: 1.1;
margin: 0 0 20px;
color: var(--main-strong);
}
.form-intro-titulo span{color: var(--main)}
.form-intro-texto{font-size: 1.05rem;line-height: 1.7;color: var(--grey-dark);margin: 0 0 30px;max-width: 520px}
.form-intro-texto strong{color: var(--main-strong)}

.form-canais{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px;max-width: 560px}
.form-canais li{display: block}
.form-canais a{
display: flex;
align-items: center;
gap: 16px;
background: #fff;
border: 1px solid var(--line);
border-radius: 14px;
padding: 16px 20px;
text-decoration: none !important;
color: var(--grey-dark);
transition: border-color .2s, box-shadow .2s, transform .2s, background .2s;
}
.form-canais a:hover, .form-canais a:focus-visible{
border-color: var(--main);
box-shadow: var(--shadow-md);
transform: translateX(4px);
}
.form-canal-ico{
display: inline-flex;align-items: center;justify-content: center;
width: 46px;height: 46px;flex-shrink: 0;
border-radius: 12px;
background: var(--main-light);
color: var(--main);
font-size: 1.1rem;
transition: background .2s, color .2s;
}
.form-canais a:hover .form-canal-ico{background: var(--main);color: #fff}
.form-canal-txt{display: flex;flex-direction: column;line-height: 1.45;min-width: 0;flex: 1}
.form-canal-txt strong{font-size: .96rem;color: var(--main-strong)}
.form-canal-txt span{font-size: .89rem;color: var(--grey);word-break: break-word}
.form-canal-seta{color: var(--grey);font-size: .9rem;flex-shrink: 0;transition: transform .2s, color .2s}
.form-canais a:hover .form-canal-seta{color: var(--main);transform: translateX(4px)}


.form-canal-destaque a{
background: linear-gradient(120deg, var(--main-strong) 0%, #0a4356 100%);
border-color: transparent;
}
.form-canal-destaque a .form-canal-txt strong{color: #fff}
.form-canal-destaque a .form-canal-txt span{color: rgba(255, 255, 255, .72)}
.form-canal-destaque a .form-canal-ico{background: rgba(255, 255, 255, .12);color: var(--secondary)}
.form-canal-destaque a .form-canal-seta{color: rgba(255, 255, 255, .6)}
.form-canal-destaque a:hover .form-canal-ico{background: #25d366;color: #fff}
.form-canal-destaque a:hover .form-canal-seta{color: var(--secondary)}


.form-card{
background: linear-gradient(155deg, #0a2c39 0%, var(--main-strong) 45%, #08303f 100%);
border-radius: 22px;
padding: 40px 40px 36px;
box-shadow: 0 26px 60px rgba(6, 56, 74, .28);
}
.form-card-head{margin-bottom: 28px;padding-bottom: 22px;border-bottom: 1px solid rgba(255, 255, 255, .14)}
.form-card-head h2{margin: 0 0 8px;color: #fff;font-size: clamp(1.3rem, 2.6vw, 1.7rem)}
.form-card-head p{margin: 0;color: rgba(255, 255, 255, .66);font-size: .95rem}

.form-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}
.form-campo{display: flex;flex-direction: column;min-width: 0}
.form-campo-full{grid-column: 1 / -1}
.form-campo > label:not(.sr-only){
font-size: .85rem;
font-weight: 400;
color: rgba(255, 255, 255, .68);
margin-bottom: 8px;
}


.sr-only{
position: absolute;
width: 1px;height: 1px;
padding: 0;margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

.form-card .form-control{
width: 100%;

height: auto;
min-height: 0;
background: rgba(255, 255, 255, .05);
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 10px;
padding: 15px 18px;
font-family: var(--font);
font-size: .97rem;
color: #fff;
appearance: none;
-webkit-appearance: none;
transition: border-color .18s, background .18s, box-shadow .18s;
}
.form-card .form-control::placeholder{color: rgba(255, 255, 255, .42)}
.form-card .form-control:focus{
outline: none;
background: rgba(255, 255, 255, .09);
border-color: var(--secondary);
box-shadow: 0 0 0 4px rgba(51, 205, 203, .18);
}
.form-card textarea.form-control{resize: vertical;min-height: 140px;line-height: 1.65}


.form-card select.form-control{
cursor: pointer;
padding-right: 44px;
background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, .7) 50%),
linear-gradient(135deg, rgba(255, 255, 255, .7) 50%, transparent 50%);
background-position: calc(100% - 22px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px);
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
}
.form-card select.form-control option{background: var(--main-strong);color: #fff}
.form-card select.form-control optgroup{background: var(--main-strong);color: var(--secondary);font-weight: 700}

.form-card .campo-invalido{
border-color: #ff8f8f !important;
background: rgba(255, 143, 143, .1) !important;
box-shadow: 0 0 0 4px rgba(255, 143, 143, .14) !important;
}


.form-lgpd{display: flex;align-items: flex-start;gap: 11px;margin-top: 2px}
.form-card .form-lgpd input[type="checkbox"]{
width: 17px;height: 17px;min-width: 17px;
flex: 0 0 17px;
margin: 3px 0 0;
padding: 0;
accent-color: var(--secondary);
cursor: pointer;
}
.form-card .form-lgpd input[type="checkbox"].campo-invalido{
outline: 2px solid #ff8f8f;
outline-offset: 3px;
box-shadow: none !important;
background: #fff !important;
}
.form-card .form-lgpd label{
flex: 1;
font-size: .8rem !important;
font-weight: 400 !important;
line-height: 1.55;
color: rgba(255, 255, 255, .6) !important;
margin: 0 !important;
cursor: pointer;
}
.form-card .form-lgpd a{color: var(--secondary);text-decoration: underline}


.form-acoes{margin-top: 6px}
.btn-enviar{
align-self: flex-start;
background: linear-gradient(100deg, var(--main) 0%, var(--secondary) 100%);
color: var(--main-strong);
border: 0;
border-radius: 30px;
padding: 16px 40px;
font-family: var(--font);
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: filter .2s, transform .2s, box-shadow .2s;
box-shadow: 0 10px 26px rgba(0, 160, 198, .3);
}
.btn-enviar:hover:not([disabled]), .btn-enviar:focus-visible:not([disabled]){
filter: brightness(1.08);
transform: translateY(-3px);
box-shadow: 0 14px 32px rgba(51, 205, 203, .34);
}
.btn-enviar[disabled]{opacity: .6;cursor: wait;transform: none}

@media (max-width: 992px){
.form-wrap{grid-template-columns: 1fr;gap: 34px}
.form-intro-texto, .form-canais{max-width: none}
.form-card{padding: 30px 24px 28px}
}
@media (max-width: 560px){
.form-grid{grid-template-columns: 1fr}
.secao-formulario{padding: 56px 0}
.btn-enviar{width: 100%;text-align: center}
}


.msg-box{position: fixed;z-index: 300;bottom: 24px;left: 50%;transform: translateX(-50%);max-width: 90vw}
.msg{padding: 14px 22px;border-radius: 10px;color: #fff;font-weight: 600;box-shadow: var(--shadow-lg)}
.msg-sucesso{background: #17a673}
.msg-erro{background: #d9534f}


.secao-mapa-faixa{display: block;line-height: 0;background: var(--dark-white)}
.secao-mapa-faixa iframe{
display: block;
width: 100%;
height: 350px;
border: 0;
}


.cta-bloco{position: relative;overflow: hidden;padding: 76px 0;color: #fff}
.cta-bloco-bg{
position: absolute;
inset: 0;
background: linear-gradient(115deg, rgba(6, 56, 74, .95) 0%, rgba(6, 56, 74, .80) 46%, rgba(0, 160, 198, .70) 100%), url("../../../imagens/cta.webp") center / cover no-repeat;
}
.cta-bloco > .container{position: relative;z-index: 2}
.cta-bloco-inner{
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr);
gap: 46px;
align-items: center;
}
.cta-bloco h2{color: #fff;font-size: clamp(1.55rem, 3.4vw, 2.3rem);margin: 0 0 14px;text-wrap: balance}
.cta-bloco-texto > p{color: rgba(255, 255, 255, .92);margin: 0 0 26px;font-size: 1.02rem}
.cta-bloco .box-buttons{gap: 14px}
.cta-bloco-tel{font-size: .9rem;color: rgba(255, 255, 255, .78);margin: 18px 0 0}
.cta-bloco-tel a{color: var(--secondary);font-weight: 700;text-decoration: none}
.cta-bloco-tel a:hover{text-decoration: underline}

.cta-bloco-selos{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px;align-items: stretch}
.cta-bloco-selos li{
display: flex;
align-items: flex-start;
gap: 14px;
height: 100%;
padding: 17px 20px;
background: rgba(255, 255, 255, .1);
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 13px;
}
.cta-selo-ico{
display: inline-flex;align-items: center;justify-content: center;
width: 42px;height: 42px;flex-shrink: 0;
border-radius: 11px;
background: var(--secondary);
color: var(--main-strong);
font-size: 1.05rem;
}
.cta-selo-txt{display: flex;flex-direction: column;line-height: 1.45}
.cta-selo-txt strong{color: #fff;font-size: .97rem}
.cta-selo-txt span{color: rgba(255, 255, 255, .78);font-size: .84rem}

@media (max-width: 992px){
.cta-bloco-inner{grid-template-columns: 1fr;gap: 32px}
.cta-bloco{padding: 60px 0}
}


.secao-carrossel{background: #fff}
.carrossel-head{
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 26px;
}
.carrossel-head .secao-titulo{margin: 0;font-size: clamp(1.35rem, 2.8vw, 1.8rem)}
.carrossel-head .chapeu{margin-bottom: 6px}

.carrossel-head-centro{
justify-content: center;
text-align: center;
}
.carrossel-nav{display: flex;gap: 10px;flex-shrink: 0}
.carrossel-btn{
width: 46px;height: 46px;
display: inline-flex;align-items: center;justify-content: center;
border: 2px solid var(--main);
border-radius: 50%;
background: #fff;
color: var(--main);
font-size: 1rem;
cursor: pointer;
transition: background .2s, color .2s, opacity .2s, transform .2s;
}
.carrossel-btn:hover:not([disabled]){background: var(--main);color: #fff;transform: translateY(-2px)}
.carrossel-btn[disabled]{opacity: .32;cursor: default}


.carrossel{
display: block;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;

-webkit-overflow-scrolling: touch;
scrollbar-width: none;
margin: 0 -12px;
padding-bottom: 6px;
}
.carrossel::-webkit-scrollbar{height: 0}
.carrossel:focus-visible{outline: 3px solid var(--secondary);outline-offset: 4px;border-radius: 8px}
.carrossel-trilha{
display: flex;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.carrossel-slide{
flex: 0 0 auto;
width: 33.3333%;
padding: 12px;
scroll-snap-align: start;
display: flex;
align-items: stretch;
}
.carrossel-sem-rolagem .carrossel-trilha{justify-content: center}

.irmaos-estatico{
flex-wrap: wrap;
justify-content: center;
margin: 0 -12px;

width: auto;
}
@media (max-width: 992px){.carrossel-slide{width: 50%}}
@media (max-width: 640px){.carrossel-slide{width: 88%}}

.carrossel-pontos{display: flex;justify-content: center;gap: 8px;margin-top: 18px}
.carrossel-ponto{
width: 9px;height: 9px;
padding: 0;
border: 0;
border-radius: 50%;
background: #d3e0e6;
cursor: pointer;
transition: background .2s, width .2s;
}
.carrossel-ponto.ativo{background: var(--main);width: 26px;border-radius: 6px}


.tier-garantias{margin: 40px 0 0}
.tier-garantias h2{font-size: 1.4rem;margin: 0 0 16px}
.lista-garantias{
list-style: none;margin: 0;padding: 0;
display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px;align-items: stretch;
}
.lista-garantias li{
display: flex;align-items: flex-start;gap: 12px;
height: 100%;
padding: 18px 20px;
background: var(--dark-white);
border-left: 3px solid var(--secondary);
border-radius: 0 10px 10px 0;
font-size: .92rem;
line-height: 1.6;
}
.garantia-ico{color: var(--secondary);font-size: 1.05rem;margin-top: 3px;flex-shrink: 0}


.secao-faq .secao-head{margin-bottom: 30px}
.secao-faq .faq-item{background: #fff}



footer{
background: var(--main-strong);
color: rgba(255, 255, 255, .74);
padding: 62px 15px 0;
font-size: .94rem;
}
footer .footer-topo > [class*="col-"]{margin-bottom: 32px}
footer a{color: rgba(255, 255, 255, .74);text-decoration: none;transition: color .2s}
footer a:hover, footer a:focus-visible{color: var(--secondary)}
.footer-titulo{
font-size: 1rem;
color: #fff;
text-transform: uppercase;
letter-spacing: .1em;
margin: 0 0 18px;
padding-bottom: 10px;
border-bottom: 2px solid rgba(255, 255, 255, .14);
position: relative;
}
.footer-titulo::after{content: "";position: absolute;left: 0;bottom: -2px;width: 46px;height: 2px;background: var(--secondary)}
.logo-footer img{width: 220px;height: auto;max-width: 100%;aspect-ratio: auto;border-radius: 0;margin-bottom: 16px;padding: .5rem;border-radius: 20px}
.footer-slogan{color: #fff;font-weight: 600;margin: 0 0 10px;font-size: .96rem}
.footer-sobre{margin: 0 0 18px;font-size: .9rem;line-height: 1.7}
.footer-social{display: flex;gap: 10px;list-style: none;margin: 0;padding: 0}
.footer-social a{
display: inline-flex;align-items: center;justify-content: center;
width: 40px;height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, .1);
color: #fff;
transition: background .2s, transform .2s;
}
.footer-social a:hover, .footer-social a:focus-visible{background: var(--main);color: #fff;transform: translateY(-3px)}
.footer-links{list-style: none;margin: 0;padding: 0;line-height: 1.9}
.footer-links li{display: flex;align-items: flex-start;gap: 8px}
.footer-links .info, .footer-links > li > i{color: var(--secondary);font-size: .8rem;margin-top: 8px;flex-shrink: 0}
.footer-contato li{margin-bottom: 4px}
.footer-contato > li > i{font-size: .95rem;margin-top: 6px}
.footer-nap, .footer-horario, .footer-cnpj{font-style: normal;font-size: .88rem;margin: 14px 0 0;line-height: 1.6}
.footer-horario .ico, .footer-nap .ico{color: var(--secondary);margin-right: 5px}

.footer-selos{padding: 0;margin-top: 12px;text-align: left}
.footer-selos .container{border-top: 1px solid rgba(255, 255, 255, .12);padding-top: 18px;padding-bottom: 18px}
.footer-selos .flex{align-items: center}
.footer-empresa{font-size: .84rem;padding-top: 4px;text-align: left;font-weight: 400}


.footer-selos-bo{
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: nowrap;
gap: 0;
}
.selos-validacao-lista{
display: flex;
align-items: center;
gap: 6px;
list-style: none;
margin: 0;
padding: 0;
}


.footer-selos-bo .hidden-selos{opacity: 1;overflow: visible;margin-bottom: 0}

@media (hover: hover) and (min-width: 769px){
.footer-selos-bo .selos-validacao-lista{
max-width: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
overflow: hidden;
transition: max-width .35s ease, opacity .25s ease, visibility .25s, margin-right .35s ease;
}
.footer-selos-bo:hover .selos-validacao-lista,
.footer-selos-bo:focus-within .selos-validacao-lista{
max-width: 300px;
opacity: 1;
visibility: visible;
pointer-events: auto;
margin-right: 14px;
}
@media (prefers-reduced-motion: reduce){
.footer-selos-bo .selos-validacao-lista{transition: none}
}
}
.selos-validacao-lista li{display: block}
.selos-validacao-lista a{
display: inline-flex;
align-items: center;
justify-content: center;
height: 26px;
padding: 0 5px;
border-radius: 4px;
background: rgba(255, 255, 255, .06);
color: rgba(255, 255, 255, .6);
font-size: .82rem;
transition: background .2s, color .2s, transform .2s;
}
.selos-validacao-lista a:hover, .selos-validacao-lista a:focus-visible{
background: rgba(255, 255, 255, .14);
color: var(--secondary);
transform: translateY(-2px);
}
.selos-validacao-lista img{
display: block;
height: 26px;
width: auto;
border-radius: 3px;
opacity: .72;
transition: opacity .2s;
}
.selos-validacao-lista a:hover img, .selos-validacao-lista a:focus-visible img{opacity: 1}

.selo-bo{display: inline-flex;align-items: center;flex-shrink: 0}
.selo-bo img{
display: block;
height: 30px;
width: auto;
opacity: .78;
transition: opacity .2s;
}
.selo-bo:hover img, .selo-bo:focus-visible img{opacity: 1}

@media (max-width: 768px){

.footer-selos .flex{flex-direction: column;align-items: stretch}
.footer-selos .flex > [class*="col-"]{width: 100%;flex: 0 0 auto}


.footer-selos-bo{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 14px;
margin-top: 16px;
}

.selos-validacao-lista{width: 100%;flex-wrap: wrap}
.selo-bo{padding-left: 0}
}

@media (max-width: 768px){
footer{text-align: left;padding-bottom: 60px}
.footer-empresa, .footer-selos .text-right{text-align: left}
.footer-selos .text-right{margin-top: 12px}
}


.whatsapp-link{bottom: 26px;right: 26px}
.whatsapp-link a{
display: flex;align-items: center;justify-content: center;
width: 58px;height: 58px;
border-radius: 50%;
background: #25d366;
color: #fff;
font-size: 30px;
box-shadow: 0 8px 22px rgba(37, 211, 102, .42);
transition: transform .2s;
}
.whatsapp-link a:hover, .whatsapp-link a:focus-visible{transform: scale(1.08)}
.whatsapp-link .ico{width: 32px;height: 32px}
@media (max-width: 641px){.whatsapp-link{bottom: 62px;right: 16px}.whatsapp-link a{width: 52px;height: 52px}}


.menu-footer-mobile{display: none}
@media screen and (max-width: 40em){


footer ul:not(.selos-validacao-lista):not(.menu-footer-mobile):not(.footer-social){display: block;align-items: stretch}
footer .footer-links{display: block}

footer .selos-validacao-lista,
footer .footer-social{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}

.menu-footer-mobile{
display: flex !important;
flex-direction: row;
align-items: stretch;
position: fixed;
bottom: 0;left: 0;right: 0;
z-index: 120;
margin: 0;padding: 0;
list-style: none;
background: var(--main-strong);
border-top: 1px solid rgba(255, 255, 255, .12);
box-shadow: 0 -4px 16px rgba(6, 56, 74, .25);
}
.menu-footer-mobile li{flex: 1 1 0;float: none;width: auto}
.menu-footer-mobile li a, .menu-footer-mobile li button{
display: flex;align-items: center;justify-content: center;
width: 100%;height: 52px;
background: none;border: 0;
color: #fff;font-size: 20px;cursor: pointer;
}
.menu-footer-mobile li i{padding: 0;font-size: 20px}
.menu-footer-mobile li a i, .menu-footer-mobile li button i{color: #fff}
.menu-footer-mobile li a:active, .menu-footer-mobile li button:active{background: var(--main-dark)}

.whatsapp-link{bottom: 66px}
}


.post-content h2{margin: 40px 0 14px}
.post-content h3{margin: 28px 0 10px;color: var(--main-darker)}
.post-badge{
display: inline-block;
background: var(--secondary);
color: var(--main-strong);
padding: 5px 14px;
border-radius: 20px;
font-size: .76rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
margin-bottom: 12px;
}
.post-meta{display: flex;flex-wrap: wrap;gap: 18px;margin-top: 16px;color: rgba(255, 255, 255, .82);font-size: .88rem}
.post-meta-item{display: inline-flex;align-items: center;gap: 7px}
.post-meta-item .ico{color: var(--secondary)}
.post-layout, .blog-listing{padding-top: 56px;padding-bottom: 56px}
.post-tags-footer{margin-top: 34px;padding-top: 22px;border-top: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: 8px;align-items: center}
.post-tags-label{font-weight: 700;color: var(--main-strong);display: inline-flex;align-items: center;gap: 7px;margin-right: 4px}
.post-tag{background: var(--main-light);color: var(--main-darker);padding: 5px 12px;border-radius: 20px;font-size: .82rem}


.pagina-conteudo{font-size: 1.02rem}
.pagina-conteudo h2{margin: 42px 0 14px}
.pagina-conteudo h2:first-child{margin-top: 0}
.pagina-conteudo h3{margin: 26px 0 10px;color: var(--main-darker)}
.pagina-conteudo ol{padding-left: 20px}
.pagina-conteudo ol li{padding: 5px 0}

.cards-valores{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin: 30px 0;align-items: stretch}
.card-valor{
display: flex;
flex-direction: column;
height: 100%;
height: stretch;
background: #fff;
border: 1px solid var(--line);
border-radius: var(--bradius);
padding: 28px 26px;
transition: box-shadow .25s, transform .25s;
}
.card-valor p:last-child, .card-valor ul:last-child{margin-bottom: 0}
.card-valor:hover{box-shadow: var(--shadow-md);transform: translateY(-3px)}
.card-valor-ico{
display: inline-flex;align-items: center;justify-content: center;
width: 54px;height: 54px;border-radius: 14px;
background: var(--main-light);color: var(--main);
font-size: 1.4rem;margin-bottom: 14px;
}
.card-valor h3{margin: 0 0 10px;font-size: 1.15rem;color: var(--main-strong)}
.card-valor p{margin: 0;color: var(--grey);font-size: .94rem}

.erro-404{text-align: center;padding: 90px 0}
.erro-404 .codigo{font-family: var(--font-title);font-size: clamp(5rem, 18vw, 9rem);line-height: 1;color: var(--main-light);margin: 0;font-weight: 700}
.erro-404 h1{margin: 0 0 14px}
.erro-404 .box-buttons{justify-content: center}
.erro-404 .links-uteis{list-style: none;padding: 0;margin: 34px 0 0;display: flex;flex-wrap: wrap;gap: 10px;justify-content: center}
.erro-404 .links-uteis a{display: inline-block;padding: 8px 18px;border: 1px solid var(--line);border-radius: 20px;text-decoration: none;font-size: .9rem}
.erro-404 .links-uteis a:hover{border-color: var(--main);color: var(--main)}


.text-center{text-align: center}
.text-right{text-align: right}
.hide-sm{display: inline-block}
@media (max-width: 1085px){.hide-sm{display: none}}
@media (max-width: 992px){.top-bar-slogan{display: none}.top-bar-inner{justify-content: center}}


.legal-wrap{
display: grid;
grid-template-columns: 258px minmax(0, 1fr);
gap: 46px;
align-items: start;
}
.legal-sumario{
position: sticky;
top: calc(var(--topbar-h) + var(--header-h) + 20px);
background: var(--dark-white);
border: 1px solid var(--line);
border-radius: var(--bradius);
padding: 24px 22px;
}
.legal-sumario-titulo{
margin: 0 0 14px;
font-family: var(--font-title);
font-size: .74rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .14em;
color: var(--main);
}
.legal-sumario ol{margin: 0;padding: 0 0 0 18px;font-size: .88rem;line-height: 1.5}
.legal-sumario li{margin-bottom: 9px}
.legal-sumario li::marker{color: var(--main);font-weight: 700}
.legal-sumario a{color: var(--grey-dark);text-decoration: none}
.legal-sumario a:hover, .legal-sumario a:focus-visible{color: var(--main-dark);text-decoration: underline}

.legal-meta{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 16px;
padding-bottom: 20px;
margin-bottom: 24px;
border-bottom: 1px solid var(--line);
font-size: .86rem;
color: var(--grey);
}
.legal-meta-item{display: inline-flex;align-items: center;gap: 7px}
.legal-meta-item .ico{color: var(--main)}
.legal-badge{
background: var(--main-light);
color: var(--main-darker);
border-radius: 20px;
padding: 4px 13px;
font-size: .76rem;
font-weight: 700;
letter-spacing: .04em;
}
.legal-badge-alt{background: var(--secondary-light);color: #0d6b6a}

.legal-aviso{
display: flex;
gap: 14px;
background: var(--main-light);
border-left: 4px solid var(--main);
border-radius: 0 10px 10px 0;
padding: 18px 22px;
margin: 0 0 34px;
line-height: 1.7;
}
.legal-aviso > i{
display: inline-flex;align-items: center;justify-content: center;
width: 26px;height: 26px;flex-shrink: 0;
border-radius: 50%;
background: var(--main);
color: #fff;
font-size: .7rem;
margin-top: 3px;
}
.legal-aviso div > :last-child{margin-bottom: 0}
.legal-aviso-final{margin: 38px 0 0;background: var(--dark-white);border-left-color: var(--secondary)}
.legal-aviso-final > i{background: var(--secondary);color: var(--main-strong)}


.legal-conteudo{overflow-wrap: break-word}
.legal-conteudo a{overflow-wrap: anywhere}

.legal-secao{scroll-margin-top: calc(var(--topbar-h) + var(--header-h) + 24px)}
.legal-secao + .legal-secao{margin-top: 42px;padding-top: 34px;border-top: 1px solid var(--line)}
.legal-secao h2{
font-size: clamp(1.15rem, 2.4vw, 1.4rem);
text-transform: uppercase;
letter-spacing: .02em;
margin: 0 0 16px;
}
.legal-secao h3{font-size: 1.02rem;color: var(--main-darker);margin: 26px 0 10px}
.legal-secao p{margin: 0 0 14px}
.legal-secao .tabela-dados{font-size: .9rem}
.legal-secao .tabela-dados td:first-child{white-space: nowrap}

@media (max-width: 992px){

.legal-wrap{grid-template-columns: minmax(0, 1fr);gap: 28px}
.legal-sumario{position: static}
.legal-sumario ol{columns: 2;column-gap: 24px}
}
@media (max-width: 560px){
.legal-sumario ol{columns: 1}
.legal-secao .tabela-dados td:first-child{white-space: normal}
}


.secao-produto{background: #fff}
.produto-layout{
display: grid;
grid-template-columns: minmax(0, 1fr) 370px;
gap: 44px;
align-items: start;
}

.produto-media{margin: 0 0 28px}
.produto-media img{
width: 100%;
height: auto;
max-height: 420px;
object-fit: cover;
border-radius: var(--bradius);
box-shadow: var(--shadow-md);
display: block;
}

.produto-wpp-link{
display: inline-flex;
align-items: center;
gap: 10px;
background: #25d366;
color: #fff;
border-radius: 30px;
padding: 14px 28px;
font-weight: 700;
font-size: .95rem;
text-decoration: none !important;
margin: 4px 0 30px;
box-shadow: 0 8px 20px rgba(37, 211, 102, .28);
transition: transform .2s, box-shadow .2s, background .2s;
}
.produto-wpp-link:hover, .produto-wpp-link:focus-visible{
background: #1da851;
color: #fff;
transform: translateY(-3px);
box-shadow: 0 12px 26px rgba(37, 211, 102, .34);
}


.produto-destaques{
list-style: none;
margin: 0 0 34px;
padding: 24px 26px;
background: var(--main-light);
border-radius: var(--bradius);
border-left: 4px solid var(--main);
display: grid;
gap: 10px;
}
.produto-destaques li{
position: relative;
padding-left: 30px;
line-height: 1.6;
font-size: .96rem;
color: var(--main-strong);
font-weight: 500;
}
.produto-destaques li::before{
content: "";
position: absolute;
left: 0;top: 9px;
width: 9px;height: 9px;
border-radius: 50%;
background: var(--main);
box-shadow: 0 0 0 4px rgba(0, 160, 198, .18);
}

.produto-body h2{margin: 40px 0 14px}
.produto-body h2:first-child{margin-top: 0}


.produto-sidebar{min-width: 0}
.produto-sidebar-inner{
position: sticky;
top: calc(var(--topbar-h) + var(--header-h) + 20px);
display: grid;
gap: 18px;
}

.sidebar-cta{
background: linear-gradient(155deg, var(--main-strong) 0%, #084a61 60%, var(--main-darker) 100%);
border-radius: 18px;
padding: 28px 26px;
color: rgba(255, 255, 255, .82);
box-shadow: 0 16px 40px rgba(6, 56, 74, .24);
}
.sidebar-cta-chapeu{
display: block;
font-size: .7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .16em;
color: var(--secondary);
margin-bottom: 8px;
}
.sidebar-cta-titulo{color: #fff;font-size: 1.4rem;margin: 0 0 10px}
.sidebar-cta-texto{font-size: .92rem;line-height: 1.6;margin: 0 0 20px}
.sidebar-cta-texto strong{color: #fff}
.sidebar-btn-wpp{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #25d366;
color: #fff;
border-radius: 30px;
padding: 14px 20px;
font-weight: 700;
font-size: .95rem;
text-decoration: none !important;
transition: background .2s, transform .2s;
}
.sidebar-btn-wpp:hover, .sidebar-btn-wpp:focus-visible{background: #1da851;color: #fff;transform: translateY(-2px)}
.sidebar-cta-lista{
list-style: none;
margin: 18px 0 0;
padding: 16px 0 0;
border-top: 1px solid rgba(255, 255, 255, .14);
display: grid;
gap: 9px;
font-size: .87rem;
}
.sidebar-cta-lista li{display: flex;align-items: center;gap: 9px}
.sidebar-cta-lista .ico{color: var(--secondary);flex-shrink: 0}
.sidebar-cta-lista a{color: #fff;text-decoration: none;font-weight: 600}
.sidebar-cta-lista a:hover{color: var(--secondary)}

.sidebar-form-card{
background: #fff;
border: 1px solid var(--line);
border-radius: 18px;
padding: 26px 24px;
box-shadow: var(--shadow-sm);
}
.sidebar-form-titulo{font-size: 1.15rem;margin: 0 0 6px}
.sidebar-form-lead{font-size: .86rem;color: var(--grey);margin: 0 0 18px;line-height: 1.55}
.sidebar-form .form-group{margin-bottom: 12px}
.sidebar-form .form-control{
width: 100%;
height: auto;
min-height: 0;
background: var(--dark-white);
border: 1px solid var(--line);
border-radius: 10px;
padding: 13px 15px;
font-family: var(--font);
font-size: .93rem;
color: var(--main-strong);
appearance: none;
-webkit-appearance: none;
transition: border-color .18s, background .18s, box-shadow .18s;
}
.sidebar-form .form-control::placeholder{color: #90a4ac}
.sidebar-form .form-control:focus{
outline: none;
background: #fff;
border-color: var(--main);
box-shadow: 0 0 0 4px rgba(0, 160, 198, .14);
}
.sidebar-form textarea.form-control{resize: vertical;min-height: 104px;line-height: 1.6}
.sidebar-form .campo-invalido{border-color: #d9534f;background: #fff6f6}
.sidebar-form .form-lgpd{
display: flex;
align-items: flex-start;
gap: 10px;
margin: 4px 0 16px;
background: none;
padding: 0;
}
.sidebar-form .form-lgpd input[type="checkbox"]{
width: 16px;height: 16px;min-width: 16px;
flex: 0 0 16px;
margin: 3px 0 0;
accent-color: var(--main);
cursor: pointer;
}
.sidebar-form .form-lgpd input[type="checkbox"].campo-invalido{outline: 2px solid #d9534f;outline-offset: 3px}
.sidebar-form .form-lgpd label{
flex: 1;
font-size: .78rem !important;
font-weight: 400 !important;
line-height: 1.5;
color: var(--grey);
margin: 0 !important;
cursor: pointer;
}
.sidebar-form .form-lgpd a{color: var(--main-dark);text-decoration: underline}
.sidebar-btn-enviar{
width: 100%;
background: var(--main);
color: #fff;
border: 0;
border-radius: 30px;
padding: 15px 24px;
font-family: var(--font);
font-size: .98rem;
font-weight: 700;
cursor: pointer;
transition: background .2s, transform .2s, box-shadow .2s;
box-shadow: 0 8px 20px rgba(0, 160, 198, .26);
}
.sidebar-btn-enviar:hover:not([disabled]), .sidebar-btn-enviar:focus-visible:not([disabled]){
background: var(--main-strong);
transform: translateY(-2px);
}
.sidebar-btn-enviar[disabled]{opacity: .6;cursor: wait;transform: none}
.sidebar-form-nota{
font-size: .76rem;
color: var(--grey);
margin: 12px 0 0;
display: flex;
align-items: flex-start;
gap: 6px;
line-height: 1.5;
}
.sidebar-form-nota .ico{color: var(--main);margin-top: 3px;flex-shrink: 0}

@media (max-width: 1085px){
.produto-layout{grid-template-columns: minmax(0, 1fr) 320px;gap: 30px}
}
@media (max-width: 900px){
.produto-layout{grid-template-columns: 1fr;gap: 40px}
.produto-sidebar-inner{position: static}
}


.contato-cards{
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
align-items: stretch;
}
.contato-cards li{display: flex;align-items: stretch}
.contato-cards a{
display: flex;
align-items: center;
gap: 18px;
width: 100%;
padding: 26px 28px;
border: 1px solid var(--line);
border-radius: var(--bradius);
background: var(--dark-white);
text-decoration: none;
transition: background .25s, border-color .25s, box-shadow .25s, transform .25s;
}
.contato-cards a:hover,
.contato-cards a:focus-visible{
background: #fff;
border-color: var(--main-light);
box-shadow: var(--shadow-md);
transform: translateY(-3px);
}
.contato-card-ico{
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 56px;
height: 56px;
border-radius: 12px;
font-size: 1.3rem;
color: #fff;
background: var(--main);
transition: background .25s;
}
.contato-cards a:hover .contato-card-ico{background: var(--main-darker)}
.contato-card-txt{display: flex;flex-direction: column;min-width: 0;line-height: 1.4}
.contato-card-txt strong{
font-family: var(--font-title);
font-size: 1.14rem;
font-weight: 600;
color: var(--main);
}
.contato-card-txt > span{font-size: .96rem;color: var(--grey);word-break: break-word}

.contato-card-wpp a:hover .contato-card-ico{background: #25d366}
.contato-cards-nota{text-align: center;margin: 26px 0 0;font-size: .93rem;color: var(--grey)}


.secao-contato-cards.bg-escuro .contato-cards a{background: #fff}
.secao-contato-cards.bg-escuro .contato-cards a:hover{background: #fff}

@media (max-width: 900px){
.contato-cards{grid-template-columns: 1fr;gap: 14px}
.contato-cards a{padding: 20px 22px;gap: 15px}
.contato-card-ico{width: 48px;height: 48px;font-size: 1.15rem}
}


.produto-layout-unico{
display: block;
margin: 0 auto;
}
.produto-layout-unico .produto-content{max-width: none}


.secao-subtitulo{
margin: 0 0 14px;
font-size: clamp(1.05rem, 2vw, 1.25rem);
font-weight: 600;
line-height: 1.4;
color: var(--main-dark);
}




.produto-intro{
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 32px;
align-items: center;
margin-bottom: 44px;
}
.produto-intro-media{
position: relative;
margin: 0;
border-radius: var(--bradius);
overflow: hidden;
box-shadow: var(--shadow-lg);
}
.produto-intro-media img{
display: block;
width: 100%;
height: 100%;
min-height: 260px;
max-height: 340px;
object-fit: cover;
}

.produto-intro-badge{
position: absolute;
bottom: 14px;
left: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 14px;
font-size: 1.35rem;
color: #fff;
background: var(--main);
box-shadow: 0 8px 20px rgba(6, 56, 74, .28);
}
.produto-intro-texto .resposta-direta{margin-top: 0}


.hub-resposta{padding-top: 46px}
.hub-resposta .resposta-direta{margin: 0}
.hub-texto{padding-top: 0}
.hub-texto .produto-body > h2:first-child{margin-top: 0}
.produto-intro-texto .produto-wpp-link{margin-bottom: 0}


.produto-intro-sem-media{grid-template-columns: minmax(0, 1fr)}
.produto-intro-icone{
display: inline-flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
margin-bottom: 20px;
border-radius: 18px;
font-size: 1.75rem;
color: var(--main);
background: var(--main-light);
}

@media (max-width: 860px){
.produto-intro{grid-template-columns: 1fr;gap: 24px;margin-bottom: 34px}
.produto-intro-media img{max-height: 260px}
}
@media (max-width: 641px){
.produto-intro-icone{width: 58px;height: 58px;font-size: 1.5rem;margin-bottom: 16px}
}


.produto-sumario{
margin: 0 0 40px;
padding: 20px 24px;
border: 1px solid var(--line);
border-left: 4px solid var(--main);
border-radius: var(--bradius);
background: var(--dark-white);
}
.produto-sumario-titulo{
margin: 0 0 12px;
font-family: var(--font-title);
font-size: .78rem;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--main-darker);
}
.produto-sumario ul{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
}
.produto-sumario li{margin: 0}

.produto-sumario a{
text-decoration: none !important;
display: inline-block;
padding: 7px 14px;
border: 1px solid var(--line);
border-radius: 999px;
background: #fff;
font-size: .88rem;
line-height: 1.3;
color: var(--grey-dark);
text-decoration: none;
transition: background .2s, border-color .2s, color .2s;
}
.produto-sumario a:hover,
.produto-sumario a:focus-visible{
background: var(--main);
border-color: var(--main);
color: #fff;
}


.produto-body h2[id]{scroll-margin-top: 120px}



.produto-layout-unico .produto-body{counter-reset: secao}
.produto-layout-unico .produto-body > h2{
counter-increment: secao;
display: flex;
align-items: baseline;
gap: 14px;
margin: 46px 0 16px;
padding-bottom: 12px;
border-bottom: 1px solid var(--line);
font-size: clamp(1.3rem, 2.6vw, 1.7rem);
color: var(--main-strong);
}
.produto-layout-unico .produto-body > h2::before{
content: counter(secao, decimal-leading-zero);
flex-shrink: 0;
font-family: var(--font-title);
font-size: .78em;
font-weight: 700;
color: var(--main);
opacity: .55;
}
.produto-layout-unico .produto-body > h2:first-child{margin-top: 0}

.produto-layout-unico .produto-body h3{
margin: 30px 0 10px;
font-size: 1.1rem;
color: var(--main-darker);
}


.produto-layout-unico .produto-body > p:first-of-type{
font-size: 1.1rem;
line-height: 1.75;
color: var(--grey-dark);
}
.produto-layout-unico .produto-body strong{color: var(--main-strong)}


.produto-layout-unico .produto-body ul{
list-style: none;
margin: 0 0 22px;
padding: 0;
}
.produto-layout-unico .produto-body ul li{
position: relative;
padding: 8px 0 8px 30px;
line-height: 1.7;
}
.produto-layout-unico .produto-body ul li::before{
content: "";
position: absolute;
left: 4px;
top: 16px;
width: 9px;
height: 9px;
border-radius: 50% 50% 50% 0;
transform: rotate(-45deg);
background: var(--secondary);
}
.produto-layout-unico .produto-body ol{margin: 0 0 22px;padding-left: 22px}
.produto-layout-unico .produto-body ol li{padding: 8px 0;line-height: 1.7}
.produto-layout-unico .produto-body ol li::marker{color: var(--main);font-weight: 700}

@media (max-width: 600px){
.produto-sumario{padding: 16px 18px}
.produto-layout-unico .produto-body > h2{gap: 10px;margin: 36px 0 14px}
}




@media screen and (max-width: 641px){
.container{
width: auto;
max-width: 100%;
padding-left: 18px;
padding-right: 18px;
}
}


@media screen and (max-width: 768px){
body:has(.slicknav_btn.slicknav_open) .whatsapp-link,
body:has(.slicknav_btn.slicknav_open) .menu-footer-mobile,
body:has(.slicknav_btn.slicknav_open) #box-cookies,
body:has(.slicknav_btn.slicknav_open) .box-cookies{
display: none !important;
}
}


.slicknav_nav .slicknav_open > ul,
.slicknav_open > ul{
height: auto;
max-height: none;
overflow-y: visible;
}


.quem-somos-bloco{
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);

align-items: stretch;
gap: 26px;
}
.quem-somos-texto{
padding: 52px 54px 46px;
border-radius: var(--bradius);
background: #fff;
box-shadow: var(--shadow-sm);
}
.quem-somos-texto .chapeu{margin-bottom: 14px}
.quem-somos-titulo{
margin: 0 0 20px;
font-size: clamp(1.6rem, 3.1vw, 2.35rem);
line-height: 1.2;

color: var(--main);
}
.quem-somos-texto p{
margin: 0;
line-height: 1.85;
color: var(--grey-dark);
}
.quem-somos-texto .box-buttons{margin-top: 28px;margin-bottom: 0}

.quem-somos-figura{margin: 0;height: 100%}
.quem-somos-figura img{
display: block;
width: 100%;

height: 100%;
min-height: 420px;
object-fit: cover;
border-radius: var(--bradius);
box-shadow: var(--shadow-md);
}

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

.quem-somos-bloco{grid-template-columns: minmax(0, 1fr);gap: 22px}
.quem-somos-figura{height: auto}
.quem-somos-figura img{min-height: 0;height: auto;max-height: 380px}
}
@media screen and (max-width: 641px){
.quem-somos-texto{padding: 32px 24px 28px}
.quem-somos-figura img{max-height: 260px}
}


.mapa-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

align-items: start;
gap: 20px;
margin-top: 38px;
}
.mapa-bloco{
padding: 24px 24px 20px;
border: 1px solid var(--line);
border-top: 3px solid var(--main);
border-radius: var(--bradius);
background: #fff;
box-shadow: var(--shadow-sm);
}
.mapa-bloco-titulo{
display: flex;
align-items: center;
gap: 11px;
margin: 0 0 16px;
padding-bottom: 14px;
border-bottom: 1px solid var(--line);
font-size: 1.02rem;
line-height: 1.3;
color: var(--main-strong);
}
.mapa-bloco-ico{
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 10px;
font-size: .95rem;
color: var(--main);
background: var(--main-light);
}

.mapa-bloco-qtd{
margin-left: auto;
flex-shrink: 0;
padding: 3px 9px;
border-radius: 999px;
font-family: var(--font-body);
font-size: .72rem;
font-weight: 700;
color: var(--main-darker);
background: var(--main-light);
}

.mapa-lista{list-style: none;margin: 0;padding: 0}
.mapa-lista a{
display: flex;
align-items: center;
gap: 8px;
padding: 8px 10px;
border-radius: 8px;
color: var(--grey-dark);
text-decoration: none;
font-size: .9rem;
line-height: 1.45;
transition: background .2s, color .2s;
}
.mapa-lista a:hover,
.mapa-lista a:focus-visible{background: var(--main-light);color: var(--main-darker)}
.mapa-lista a:focus-visible{outline: 3px solid var(--main);outline-offset: 2px}

.mapa-lista-hub a{
font-family: var(--font-title);
font-weight: 700;
color: var(--main-strong);
}
.mapa-lista-hub{margin-bottom: 6px;padding-bottom: 6px;border-bottom: 1px dashed var(--line)}


.mapa-uf{
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 28px;
height: 19px;
border-radius: 5px;
font-family: var(--font-title);
font-size: .64rem;
font-weight: 700;
letter-spacing: .05em;
color: #fff;
background: var(--main);
}


.mapa-robots{
display: flex;
gap: 20px;
padding: 26px 30px;
border-left: 4px solid var(--secondary);
border-radius: var(--bradius);
background: var(--dark-white);
}
.mapa-robots-ico{
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 46px;
height: 46px;
border-radius: 50%;
font-size: 1.1rem;
color: #fff;
background: var(--secondary-dark);
}
.mapa-robots h2{margin: 0 0 8px;font-size: 1.05rem;color: var(--main-strong)}
.mapa-robots p{margin: 0;font-size: .93rem;line-height: 1.75;color: var(--grey-dark)}

@media screen and (max-width: 641px){
.mapa-grid{gap: 14px;margin-top: 28px}
.mapa-bloco{padding: 20px 18px 16px}
.mapa-robots{flex-direction: column;gap: 14px;padding: 24px 22px}
}


.tabela-scroll{
margin: 30px 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid var(--line);
border-radius: var(--bradius);
box-shadow: var(--shadow-sm);
background: #fff;
}

.produto-body table,
.post-content table{
width: 100%;
min-width: 620px;
margin: 0;
border-collapse: collapse;
font-size: .94rem;
line-height: 1.55;
background: #fff;
}

.produto-body thead th,
.post-content thead th{
padding: 14px 18px;
background: var(--main-strong);
color: #fff;
font-family: var(--font-title);
font-size: .78rem;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
text-align: left;
white-space: nowrap;
vertical-align: middle;
border: 0;
}

.produto-body tbody td,
.produto-body tbody th,
.post-content tbody td,
.post-content tbody th{
padding: 13px 18px;
text-align: left;
vertical-align: top;
color: var(--grey-dark);
border-bottom: 1px solid var(--line);
}


.produto-body tbody tr > :first-child,
.post-content tbody tr > :first-child{
color: var(--main-strong);
font-weight: 600;
}

.produto-body tbody tr:nth-child(even),
.post-content tbody tr:nth-child(even){background: #f7fafb}

.produto-body tbody tr:last-child > *,
.post-content tbody tr:last-child > *{border-bottom: 0}

.produto-body tbody tr:hover,
.post-content tbody tr:hover{background: var(--main-light)}

.produto-body table caption,
.post-content table caption{
padding: 0 2px 10px;
color: var(--grey);
font-size: .85rem;
text-align: left;
caption-side: top;
}

.produto-body table strong,
.post-content table strong{color: var(--main-strong)}


.tabela-scroll{position: relative;background-repeat: no-repeat;background-position: right center;background-size: 26px 100%}
.tabela-scroll{background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(6,56,74,.07))}
.tabela-scroll.sem-corte{background-image: none}

@media (max-width: 767px){
.produto-body table,
.post-content table{font-size: .88rem;min-width: 560px}
.produto-body thead th,
.post-content thead th{padding: 12px 14px;font-size: .72rem}
.produto-body tbody td,
.produto-body tbody th,
.post-content tbody td,
.post-content tbody th{padding: 11px 14px}
.tabela-scroll{margin: 22px 0}
}


.produto-body > table,
.post-content > table{
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
max-width: 100%;
margin: 30px 0;
border: 1px solid var(--line);
border-radius: var(--bradius);
}
.tabela-scroll > table{display: table;border: 0;border-radius: 0}
