html { overflow-x:hidden; }
body { overflow-x:hidden; background:#ffffff; color:#00131d; font-size:14px; font-family:'Manrope', 'Trebuchet MS', Helvetica, sans-serif; scroll-behavior: smooth; }
body.overflow { height:100vh; overflow: hidden; }
/*
* Comum
*/
input, select { outline:0 !important; }
:focus { border-color: none !important; outline: 0 !important; box-shadow: none !important; }
.prevent-select { user-select: none; }
input[type=text],
select,
textarea { border-bottom:1px solid #00131d; border-radius:0; padding:8px 0 !important; font-weight: 300; }
input[type=text]:focus,
select:focus,
.form-select:focus,
textarea:focus { border-color:inherit; }
main { margin-top:100px; }
p { color:#808080; line-height: 32px; font-size:16px; }
h1 { color:#000000; font-size:32px; font-weight:600; margin-bottom:50px; }
h2 { color:#6D3F92; font-size:16px; font-weight:400; margin-bottom:20px; }
.grecaptcha-badge { visibility: hidden !important; }
.btn { display:inline-block; color:#fff; background-color: #6D3F92; padding:15px 40px; border-radius:8px; text-decoration: none; font-size:16px; font-weight:500; transition:all 0.15s linear; }
.btn:hover { background:#804cab; color:#fff; }
.btn-2 { display:inline-block; border:1px solid transparent; color:#804cab; background-color: #fff; padding:15px 40px; border-radius:8px; text-decoration: none; font-size:16px; font-weight:500; transition:all 0.15s linear; }
.btn-2:hover { background:transparent; border:1px solid #fff; color:#fff; }
.btn-3 { display:inline-block; color:#fff; background:#BFD540; color:#000; padding:15px 40px; border-radius:8px; text-decoration: none; font-size:16px; font-weight:500; transition:all 0.15s linear; font-weight: bold; }
.btn-3:hover { background:#cde05d; color:#333; }
/*
* Cabeçalho
*/
header { position: fixed; top:0; left:0; z-index:10; display:block; align-items: center; height:100px; max-height:100px; width:100vw; background:#fff; transition:all 0.2s ease; overflow:visible; }
header .menu .container { display:flex; align-items:center; justify-content:end; }
header .menu .logo { margin-right:auto; padding:0 !important; margin-top:5px !important }
header .menu .logo img { width:180px; transition: all 0.2s ease; }
header .menu a { padding:1.7rem; margin-top:14px; display: inline-block; text-decoration: none; font-size:14px; font-weight: 600; position: relative; transition:all 0.2s ease; color:#333; }
header .menu .opcoes .solucoes { padding:1.7rem; margin-top:14px; display: inline-block; text-decoration: none; font-size:14px; font-weight: 600; transition:all 0.2s ease; color:#333; cursor: default; }
header .menu .opcoes .solucoes .submenu { align-items: start; position: absolute; top:-1000px; left:0; z-index: 100; width:100vw; min-height:100px; background-color: #fff; padding:60px 0 80px; transition: opacity 200ms linear; opacity:0; }
header .menu .opcoes .solucoes .submenu a { padding:0.8rem; padding-left:30px; margin:0; display: flex; align-items: center; height:auto; font-weight: 300; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Layer'%3E%3Cpath fill='%236D3F92' d='m9 30a1 1 0 0 1 -.73-.32 1 1 0 0 1 .05-1.41l13.21-12.27-13.21-12.27a1 1 0 0 1 1.36-1.46l14 13a1 1 0 0 1 0 1.46l-14 13a1 1 0 0 1 -.68.27z'/%3E%3C/g%3E%3C/svg%3E"); background-size:15px; background-repeat:no-repeat; background-position:left center; transition: all 200ms linear; }
header .menu .opcoes .solucoes .submenu a:hover { color:#6D3F92; background-position:5px center; }
header .menu .opcoes .solucoes:hover .submenu { display: flex; opacity:1; top:90%; }
header .menu .opcoes .solucoes span::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: #00131d; transform-origin: bottom center; transition: transform 0.15s ease-out; }
header .menu .opcoes .solucoes:hover span::after { transform: scaleX(1); transform-origin: bottom center; }
header .menu .especialista { background:#6D3F92; color:#fff; padding:0.7rem 1rem; border-radius:10px; margin-left:20px; margin-top:0; }
header .menu .especialista:hover { background:#804cab; }
header .menu .especialista:hover span::after { display:none; }
header .menu span { position: relative; padding-bottom:10px; }
header .menu span::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: #00131d; transform-origin: bottom center; transition: transform 0.15s ease-out; }
header .menu a:hover span::after { transform: scaleX(1); transform-origin: bottom center; }
header .expand { position:absolute; right:10px; top:10px; display:none; align-items: center; justify-content: center; }
header .line { fill: none; stroke: black; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
header .line1 { stroke-dasharray: 60 207; stroke-width: 6; }
header .line2 { stroke-dasharray: 60 60; stroke-width: 6; }
header .line3 { stroke-dasharray: 60 207; stroke-width: 6; }
header.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
header.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; }
header.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
header.opened { height:100vh; max-height:100vh; align-items:start; }
header.opened .opcoes { display: block; }
.scrolled header { height:80px; }
.scrolled header .menu .logo img { width:140px; margin-top:2px; }
.scrolled header .menu a,
.scrolled header .menu .solucoes { padding:25px 1.7rem; height:80px; margin-top:0px; }
.scrolled header .menu a.especialista { padding:0.7rem 1rem; height:45px; margin-top:0px; }
/*
* Home banner
*/
#home section.banner { position:relative; height:680px; background:url(../img/home-banner.jpg) no-repeat center center; background-size:cover; }
#home section.banner .container { height:100%; }
#home section.banner h2 { color:#E0CE46; font-size:20px; font-weight:400; }
#home section.banner h1 { font-size:48px; color:#fff; font-weight:700; line-height: 50px; margin:20px 0; }
#home section.banner p { font-size:20px; color:#fff; font-weight:200; line-height:2rem; }
#home section.chamada h2 { font-size:40px; }
#home section.chamada h3 { font-size:21px; }
#home section.solucoes h2 { text-align: center; }
#home section.solucoes h1 { text-align: center; }
#home section.solucoes .itens { aspect-ratio: 1; display:flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
#home section.solucoes .flip-card { width:30%; margin:1%; aspect-ratio:1; perspective: 1000px; font-size:16px; }
#home section.solucoes .flip-card h3 { color:#000; font-size:18px; margin:20px 0; }
#home section.solucoes .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.4s; transform-style: preserve-3d; }
#home section.solucoes .flip-card:hover .flip-card-inner { height:100%; transform: rotateY(180deg); }
#home section.solucoes .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius:14px; }
#home section.solucoes .flip-card-front { background-color: #F5F4F5; padding:5%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#home section.solucoes .flip-card-front .arrow { width:20px; height:20px; display: none; }
#home section.solucoes .flip-card-back { display: flex; padding:5%; align-items: center; justify-content: center; flex-direction: column; background:linear-gradient(90deg,rgba(149, 67, 215, 1) 0%, rgba(109, 63, 146, 1) 100%); color:#fff; transform: rotateY(180deg); }
#home section.solucoes .flip-card-back p { color:#fff; line-height:18px; font-size:14px; }
#home section.solucoes .flip-card-back a { color:#fff; text-decoration: none; padding:15px 20px; width:60%; border:1px solid #fff; border-radius:8px; margin-top:20px; transition:all 100ms linear; }
#home section.solucoes .flip-card-back a:hover { background:#fff; color:#6D3F92; }
#home section.desenvolvimento { padding:80px 0; }
#home section.desenvolvimento h1 { margin-bottom:20px; }
#home section.lideres { padding:80px 0; background-color: #F5F4F5; }
#home section.lideres h2 { color:#6D3F92; font-size:16px; font-weight:400; margin-bottom:20px; }
#home section.lideres h1 { color:#000000; font-size:32px; font-weight:600; margin-bottom:20px; }
#home section.lideres p { line-height:32px; color:#808080; }
#home section.lideres a { margin-top:20px; }
#home section.lideres .itens { display: flex; flex-wrap: wrap; }
#home section.lideres .itens span { display: flex; align-items: center; justify-content: center; width:18%; height:95px; margin:1%; background: #fff; }
#home section.lideres .itens span img { max-width:90%; }
#home section.depoimentos { padding:10px 0 30px; }
#home section.depoimentos h1,
#home section.depoimentos h2 { text-align: center; }
#home section.depoimentos .slide { background:#F5F4F5; border-radius:14px; padding:50px 30px; margin:20px; }
#home section.depoimentos .slide p { text-align: center; }
#home section.depoimentos .slide h3 { font-size:16px; color:#6D3F92; text-align:center; margin-top:30px; }
#home section.depoimentos .slick-dots li { margin:0 2px; }
#home section.depoimentos .slick-dots li button::before { font-size:20px; }
#home section.depoimentos .slick-dots li.slick-active button::before { color:#6D3F92; }
#home section.depoimentos .slick-track { display: flex !important; }
#home section.depoimentos .slick-slide { height: inherit !important; }
#home section.feed { padding:10px 0 30px; }
#home section.feed h1,
#home section.feed h2 { text-align: center; }
#home section.feed h1 { margin-bottom:10px; }
#home section.feed .slide { margin:10px; }
#home section.feed .slide p { text-align: center; }
#home section.feed .slide h3 { font-size:16px; color:#6D3F92; text-align:center; margin-top:30px; }
#home section.feed .slick-dots li { margin:0 2px; }
#home section.feed .slick-dots li button::before { font-size:20px; }
#home section.feed .slick-dots li.slick-active button::before { color:#6D3F92; }
#home section.banner-2 { position:relative; height:680px; background:url(../img/home-banner-2.jpg) no-repeat center center; background-size:cover; }
#home section.banner-2 .container { height:100%; }
#home section.banner-2 h2 { color:#E0CE46; font-size:16px; font-weight:500; }
#home section.banner-2 h1 { font-size:32px; color:#fff; font-weight:700; line-height: 50px; margin:20px 0; }
#home section.banner-2 p { color:#fff; font-weight:200; line-height:32px; }
#home section.fator { padding:80px 0; }
#home section.fator h1 { margin-bottom:20px; }
#home section.socias { padding:80px 0; background:#F5F4F5 ; }
#home section.socias p { text-align: center; }
#home section.socias h3 { font-size:16px; color:#6D3F92; text-align:center; margin-top:30px; }
#home section.socias .socia { background:#fff; border-radius:14px; padding:30px; display: flex; flex-direction: column; align-items:center; justify-content: center; }
#home section.outros { padding:10px 0 80px; background:#F5F4F5; }
#home section.outros p { text-align: center; color:#fff; line-height: 28px; }
#home section.outros h3 { font-size:16px; color:#fff; text-align:center; margin-top:30px; font-weight: bold; }
#home section.outros .socia { height:100%; background:#6D3F92; border-radius:14px; padding:30px; display: flex; flex-direction: column; align-items:center; justify-content: start; }
#home section.faq { padding:80px 0; }
#home section.faq h1 { margin-bottom:20px; }
#home section.faq .accordion-button { background-color:#6D3F92; color:#fff; border-radius:14px 14px 0 0; }
#home section.faq .accordion-button.collapsed { border-radius:14px; }
#home section.faq .accordion-button:after { background-image: url("data:image/svg+xml,") !important; }
#home section.faq .accordion-collapse { background-color:#D9D9D9; border-radius: 0 0 14px 14px; }
#home section.faq .accordion-item { margin-bottom:10px; border:none !important; }
/*
* Soluções
*/
#solucoes section.banner { position:relative; height:338px; background:url() no-repeat center center; background-size:cover; }
#solucoes section.banner .container { height:100%; align-items: center; display:flex; flex-direction: column; align-items:center; justify-content: center; }
#solucoes section.banner h1 { width: 100%; font-size:48px; color:#fff; font-weight:700; line-height: 50px; margin:20px 0; text-align: center; }
#solucoes section.banner p { font-size:20px; color:#fff; font-weight:200; line-height:2rem; text-align: center; }
#solucoes section.pagina { padding:80px 0; }
#solucoes section.pagina h1 { margin-bottom:20px; }
#solucoes section.pagina h3 { color:#6D3F92; font-size:32px; line-height:35px; margin-bottom:30px; font-weight: bold; }
#solucoes section.pagina h4 { color:#6D3F92; font-size:22px; line-height:35px; margin-bottom:30px; font-weight: bold; }
#solucoes section.pagina .box-1 { width: 100%; padding:30px; text-align:center; border:1px solid #D9D9D9; border-radius:14px; display: flex; align-items: center; justify-content: center; flex-direction:column; height:100%; }
#solucoes section.pagina .box-1 p { line-height:25px; }
#solucoes section.pagina .box-2 { background:#6D3F92 url() no-repeat center center; background-size:cover; color:#fff !important; padding:50px 0; margin:50px 0; }
#solucoes section.pagina .box-2 h1 { color:#fff; text-align: center; }
#solucoes section.pagina .box-2 p { color:#fff; }
#solucoes section.pagina .box-3 { background:#F4F4F4; padding:30px 0; margin:30px 0; }
/*
* Diagnóstico Team Building
*/
#diagnosticoteambuilding section.banner { position:relative; background:url('../img/diagnosticoteambuilding/banner.jpg') no-repeat center center; background-size:cover; padding:50px 0; }
#diagnosticoteambuilding section.banner h1 { width: 100%; font-size:45px; color:#fff; font-weight:700; line-height: 50px; margin:20px 0; text-align: left; }
#diagnosticoteambuilding section.banner h2 { font-size: 20px; font-weight: 300; text-transform: uppercase; letter-spacing: 4.6px; color: #BFD540; }
#diagnosticoteambuilding section.banner p { font-size:17px; color:#fff; line-height:26px; text-align: left; }
#diagnosticoteambuilding section.pagina h1 { margin-bottom:20px; }
#diagnosticoteambuilding section.pagina h3 { font-size: 39px; font-weight: 600; line-height: 1.2em; color: #F17035; }
#diagnosticoteambuilding section.pagina h4 { color:#6D3F92; font-size:22px; line-height:35px; margin-bottom:30px; font-weight: bold; }
#diagnosticoteambuilding section.pagina .box-1 { width: 100%; padding:30px; text-align:center; border:1px solid #D9D9D9; border-radius:14px; display: flex; align-items: center; justify-content: center; flex-direction:column; height:100%; }
#diagnosticoteambuilding section.pagina .box-1 p { line-height:25px; }
#diagnosticoteambuilding section.pagina .box-2 { background:#6D3F92 url() no-repeat center center; background-size:cover; color:#fff !important; padding:50px 0; margin:50px 0; }
#diagnosticoteambuilding section.pagina .box-2 h1 { color:#fff; text-align: center; }
#diagnosticoteambuilding section.pagina .box-2 p { color:#fff; }
#diagnosticoteambuilding section.pagina .box-3 { background:#F4F4F4; padding:30px 0; margin:30px 0; }
#diagnosticoteambuilding #form-diagnostico .btn { background:#BFD540; color:#000; }
#diagnosticoteambuilding #form-diagnostico { padding:10px 30px; background:#fff; border-radius:10px; margin:20px 0; }
#diagnosticoteambuilding #form-diagnostico p { color:#000; }
#diagnosticoteambuilding label { font-size:12px; margin-top:20px; }
#diagnosticoteambuilding input[type=text],
#diagnosticoteambuilding input[type=email],
#diagnosticoteambuilding textarea,
#diagnosticoteambuilding select { border:none; border-bottom:1px solid #000; border-radius:0; }
#diagnosticoteambuilding .form-check-input { border:none; border-radius:10px; padding:5px; width:15px; height:15px; background:#E0E0E0; }
#diagnosticoteambuilding .form-check-input:checked { background-color: #6D3F92; }
#diagnosticoteambuilding .form-check-input:focus { outline: none !important; box-shadow: none !important; border-color: inherit !important; }
#diagnosticoteambuilding .form-check-input + label { padding-left:10px; margin:0; font-size:1rem; }
#diagnosticoteambuilding .politica { color:#808080 !important; font-size:15px !important; }
#diagnosticoteambuilding .politica a { color:#333 !important; text-decoration: none; }
#diagnosticoteambuilding .politica a:hover { text-decoration: underline; }
#diagnosticoteambuilding #form-diagnostico .btn { background:#BFD540; color:#000; }
#diagnosticoteambuilding .bg-curvo { background:#573a80 url(../img/diagnosticoteambuilding/bg-curvo.png) top center no-repeat; }
#diagnosticoteambuilding .bg-curvo h1 { color:#fff; }
#diagnosticoteambuilding .bg-curvo p { color:#fff; line-height: 1.5rem; }
#diagnosticoteambuilding .bg-curvo h3 { font-size: 22px !important; line-height: 1.2em; color: #F17035; text-align:center; }
#diagnosticoteambuilding .fenomenos { text-align:center; margin-left:4%; }
#diagnosticoteambuilding .bonus { background:#593C82; text-align: center; padding:50px 0; }
@media (max-width: 992px) {
#diagnosticoteambuilding #form-diagnostico .btn { font-size:12px; }
#diagnosticoteambuilding .fenomenos { margin-left:0; }
}
/*
* Modal contato
*/
#modal-contato { }
#modal-contato .bg { background:#6D3F92 url(../img/contato-bg.jpg) no-repeat right bottom; background-size:cover; padding:20px; border-radius:17px; }
#modal-contato .bg h1 { color:#fff; font-size:24px; margin-bottom:20px; }
#modal-contato .bg h2 { color:#C9C9C9; font-size:18px; }
#modal-contato .bg p { color:#fff; font-size:18px; }
#modal-contato .form { padding:10px 30px; }
#modal-contato label { font-size:12px; margin-top:20px; }
#modal-contato input[type=text],
#modal-contato input[type=email],
#modal-contato textarea { border:none; border-bottom:1px solid #000; border-radius:0; }
#modal-contato .form-check-input { border:none; border-radius:10px; padding:5px; width:15px; height:15px; background:#E0E0E0; }
#modal-contato .form-check-input:checked { background-color: #6D3F92; }
#modal-contato .form-check-input:focus { outline: none !important; box-shadow: none !important; border-color: inherit !important; }
#modal-contato .form-check-input + label { padding-left:10px; margin:0; font-size:1rem; }
#modal-contato .btn-close { right:10px; top:10px; position: absolute; z-index: 999; }
#modal-contato .politica a { color:#333; text-decoration: none; }
#modal-contato .politica a:hover { text-decoration: underline; }
section.contato input[type=text],
section.contato select,
section.contato textarea { border-radius:0; border:none; border-bottom:2px solid #00131d; background:transparent; resize:none; padding:10px 0; margin-top:20px; font-size:21px; font-weight:500; }
section.contato select::placeholder,
section.contato input::placeholder,
section.contato textarea::placeholder { color: #00131d; font-size: 21px; font-weight: 500 !important; opacity: 1; }
section.contato .select-wrapper { position: relative; }
section.contato .select-wrapper::after { content:" "; position:absolute; right:0; top:0; z-index: 10; background:url(../img/select-arrow.png) no-repeat center center; width:40px; height:40px; }
section.contato .select-wrapper select { position: relative; z-index: 11; }
section.contato .close { position: absolute; right:0; top:0; padding:20px; width:30px; height:30px; background:url(../img/close-black.svg) no-repeat center center; }
@media (max-width: 992px) {
section.contato { width:100%; }
section.contato .max { max-width:100%; }
section.contato .whatsapp { font-size:18px; }
section.contato .whatsapp img { margin-right:10px; width:20px; }
}
/*
* Rodapé
*/
footer { background:#6D3F92; color:#fff; padding:20px 0; }
footer a { color:#fff; text-decoration: none; font-weight: 500; }
footer a:hover { text-decoration: underline; }
footer p { color:#fff; }
footer .links { width:100%; margin:40px 0; display:flex; justify-content: space-between; }
footer .redes { display: inline-block; }
footer .redes a { margin-left:10px; font-size:30px; color:#fff; text-decoration: none; }
footer .recaptcha { margin:30px 0 10px; }
footer .recaptcha a { color:#fff; }
/*
* Aceite de cookies
*/
#aceite-cookies { display:none; background:#fff; position:fixed; left:0; bottom:0; z-index:999; width:100%; box-shadow: 2px 5px 15px 0px #333; padding:10px 15px; font-weight:300; }
#aceite-cookies a { color:#6f7072; }
#aceite-cookies a.btn { background-color:#6D3F92; color:#fff; margin-top:0; }
/* Switches desktop/mobile */
.desktop { display: inherit !important; }
.mobile { display:none !important; }
/* XL */
@media (max-width: 1200px) {
}
/* LG */
@media (max-width: 992px) {
header .expand { display:flex; }
header { max-height:80px; }
header .menu .container { justify-content: center; margin-top:200px; }
header .menu .logo { position:absolute; left:10px; top:0px; }
header .menu .logo img { width:100px; margin-top:12px; }
.scrolled header.opened { height:100vh; }
.scrolled header .menu .logo img { margin-top:12px; width:100px; }
header .menu a,
header .menu .solucoes { padding:25px 2.7rem; height:auto !important; min-height:80px; margin-top:0px; text-align: center; }
header .menu .solucoes { width:100%; margin-top:0 !important; }
header .menu .opcoes .solucoes .submenu { display:none; position: relative; top:0; opacity:1; padding:0; width:100%; height:300px; overflow: scroll; }
header .menu .opcoes .solucoes:hover .submenu { display: block; }
header .menu .opcoes .solucoes .submenu .container { margin:0; }
header .menu .opcoes .solucoes .submenu a { text-align: left; min-height: auto !important; }
header .menu a.especialista { padding:15px 2.7rem ; height:50px !important; min-height:50px; margin-top:20px; }
.scrolled header .menu a.especialista { padding:15px 2.7rem; height:50px; margin-top:0; }
.scrolled header .menu .solucoes { padding:1.7rem; height:50px; }
header .opcoes { display: none; }
header .opcoes a { display: block; }
header.opened .container { margin-top:100px; }
header.opened .logo { display: block; }
header.opened .opcoes { display:block; }
header.opened .solucoes span { display:inline-block; margin-bottom:20px; }
main { margin-top:80px; }
#home section.solucoes { overflow: -webkit-paged-x; }
#home section.solucoes h1 { font-size:22px; }
#home section.solucoes .flip-card { width:98%; font-size:16px; }
#home section.solucoes .flip-card-front .arrow { display:block; }
#home section.desenvolvimento img { margin-bottom:50px; }
#home section.lideres .itens { margin:40px 0; }
#home section.lideres .itens span { width:31%; height:95px; margin:1%; background: #fff; }
#solucoes section.banner h1 { font-size:32px; }
#solucoes section.pagina h3 { font-size:22px; }
#solucoes section.pagina h4 { font-size:22px; }
#solucoes section.pagina .box-1 { margin-bottom:10px; }
#modal-contato .bg { margin-top:30px; }
#modal-contato .form { padding:20px 10px; }
}
/* MD */
@media (max-width: 768px) {
}
@media (max-width: 680px) {
}
/* SM */
@media (max-width: 576px) {
}
/* XS */
@media (max-width: 425px) {
}