/**teste
* Theme Name: AreaStructure
* Theme URI: http://www.arealocal.com.br
* Author: Equipe Área Local
* Author URI: http://www.arealocal.com.br
* Description: Esse tema é um tema personalizado pela Área Local, caso necessite de algum atendimento entre em contato no telefone (47) 3521-9850 ou no e-mail suporte@arealocal.com.br. Para mais informações acesse: www.arealocal.com.br.
* Version: 4.0.0
* Text Domain: estrutura-basica
**/
/* Fonts
========================================================================== */
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-100.otf") format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-100-Italic.otf") format("truetype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-300.otf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-300-Italic.otf") format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-500.otf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-500-Italic.otf") format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-700.otf") format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-700-Italic.otf") format("truetype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-900.otf") format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Museo Cyrl";
src: url("assets/fonts/museo-cyrl/Museo-Cyrl-900-Italic.otf") format("truetype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-100.otf") format("opentype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-100-Italic.otf") format("opentype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-300.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-300-Italic.otf") format("opentype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-500.otf") format("opentype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-500-Italic.otf") format("opentype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-700.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-700-Italic.otf") format("opentype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Museo Sans";
src: url("assets/fonts/museo-sans/MuseoSans-900-Italic.otf") format("opentype");
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-100.otf") format("opentype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-100-Italic.otf") format("opentype");
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-300.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-300-Italic.otf") format("opentype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-500.otf") format("opentype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-500-Italic.otf") format("opentype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-700.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-700-Italic.otf") format("opentype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-900.otf") format("opentype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Museo Sans Condensed";
src: url("assets/fonts/museo-sans-cnd/MuseoSansCnd-900-Italic.otf") format("opentype");
font-weight: 900;
font-style: italic;
}
/* Global variables
========================================================================== */
/* Wrapper
========================================================================== */
#wrapper {
overflow: hidden;
}
/* Mixins
========================================================================== */
/* Global Mixins
========================================================================== */
/* Resets
========================================================================== */
*,
*:before,
*:after {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
text-decoration: none;
}
*:not(.fas, .fab, .fa),
*:before:not(.fas, .fab, .fa),
*:after:not(.fas, .fab, .fa) {
font-size: 1rem;
}
.entry-title {
padding-top: 50px;
}
.entry-title h1 {
font-family: "Rubik";
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #3A3A3A;
}
.entry-title h1 span {
color: #84bd00;
font-weight: 800;
}
#search-form {
display: flex;
width: 80%;
justify-content: center;
margin: auto;
-moz-column-gap: 15px;
column-gap: 15px;
}
@media screen and (max-width: 768px) {
#search-form {
width: 100%;
}
}
#search-form #search-submit {
border: 1px solid #84bd00;
padding: 4px 14px;
border-radius: 8px;
background-color: #84bd00;
color: white;
transition: all 0.3s;
cursor: pointer;
}
#search-form #search-submit:hover {
background-color: white;
color: #84bd00;
}
#search-form label {
width: 100%;
}
#search-form input {
width: 100%;
border: none;
border-bottom: 1px solid #84bd00;
padding: 5px 0px;
background-color: white;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
font-family: "Rubik";
color: #84bd00;
}
#search-form input::-moz-placeholder {
color: #84bd00;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
font-family: "Rubik";
}
#search-form input::placeholder {
color: #84bd00;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
font-family: "Rubik";
}
a {
transition: all linear 0.2s;
}
a:focus, a:hover {
text-decoration: none;
}
input,
button {
outline: none;
}
section {
position: relative;
}
img {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
textarea {
max-width: 100%;
}
.pagina-padrao {
padding-top: 70px;
padding-bottom: 95px;
}
.pagina-padrao .title {
text-align: left;
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 43px;
color: #454545;
}
.pagina-padrao .img-container {
width: 82%;
margin: 0 auto;
padding-bottom: 57px;
}
.pagina-padrao .img-container img {
width: 100%;
border-radius: 8px;
}
.pagina-padrao .the-content {
padding-bottom: 38px;
margin-bottom: 28px;
font-family: "Rubik";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #5C5C5C;
position: relative;
}
.pagina-padrao .the-content:after {
content: "";
display: block;
width: 115%;
max-width: 100vw;
height: 1px;
background: #EDEDED;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
@media (max-width: 1024px) {
.pagina-padrao .the-content:after {
width: calc(100% - 40px);
}
}
.pagina-padrao .the-content p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #5C5C5C;
}
.pagina-padrao .the-content p:not(:last-of-type) {
padding-bottom: 21px;
}
.pagina-padrao .the-content p a {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
color: #5C5C5C;
transition: all 0.3s;
}
.pagina-padrao .the-content p a:hover {
opacity: 0.6;
}
.pagina-padrao .the-content h2 {
font-family: "Rubik";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #454545;
padding-bottom: 21px;
}
.pagina-padrao .the-content h2 a {
font-family: "Rubik";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 28px;
color: #454545;
transition: all 0.3s;
}
.pagina-padrao .the-content h2 a:hover {
opacity: 0.6;
}
.pagina-padrao .the-content img.alignright {
float: right;
padding: 0px 0px 10px 10px;
}
.pagina-padrao .the-content img.alignleft {
float: left;
padding: 10px 10px 0px 0px;
}
/* Global classes
========================================================================== */
.al-container {
width: 1170px;
}
@media (max-width: 1210px) {
.al-container {
padding-left: 20px;
padding-right: 20px;
}
}
.al-container.padrao {
padding-top: 50px;
padding-bottom: 50px;
}
.al-container.padrao img.alignright {
float: right;
padding: 0px 0px 10px 10px;
}
.al-container.padrao img.alignleft {
float: left;
padding: 10px 10px 0px 0px;
}
.casulo-container {
width: 1015px;
}
.al-container .al-sidebar {
width: 300px;
max-width: 100%;
}
.al-sidebar {
max-width: 100%;
width: calc((100% - 1170px) / 2);
}
@media screen and (max-width: 1470px) {
.al-sidebar {
width: 100%;
}
}
.load_more {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
-moz-column-gap: 12px;
column-gap: 12px;
}
.load_more .page-numbers {
font-family: "Rubik";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 21px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #84bd00;
}
.load_more .page-numbers:not(span) {
transition: all 0.3s;
}
.load_more .page-numbers:not(span):hover {
color: #84bd00;
}
.load_more .page-numbers.current {
background: #84bd00;
font-family: "Rubik";
font-weight: 600;
color: #fff;
width: 32px;
height: 32px;
border-radius: 50%;
}
.al-small-container {
width: 1042px;
}
.al-extra-small-container {
position: relative;
width: 844px;
}
.al-container,
.casulo-container,
.al-small-container,
.al-extra-small-container {
max-width: 100%;
margin: 0 auto;
}
div.left-right-content {
display: flex;
width: 100%;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 768px) {
div.left-right-content {
row-gap: 20px;
}
}
div.left-right-content div.left,
div.left-right-content div.right {
width: 50%;
}
@media (max-width: 768px) {
div.left-right-content div.left,
div.left-right-content div.right {
width: 100%;
}
}
/* Html / Body
========================================================================== */
html {
height: 100%;
overflow: auto;
}
body {
background: #fff;
height: 100%;
line-height: 1.6;
font: normal normal 16px Arial, sans-serif;
}
/* Custom scrollbar
========================================================================== */
/* Mobmenu Classes
========================================================================== */
.mob-menu-header-holder,
.mobmenu {
z-index: 99 !important;
}
.mobmenul-container {
top: 0 !important;
right: 2% !important;
z-index: 0 !important;
background: #84bd00;
padding: 10px 10px 0px 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mob-icon-menu,
.mob-menu-icon {
color: #fff !important;
}
[class^=mob-icon-]:before,
[class*=mob-icon-]:before {
font-size: 28px !important;
width: unset !important;
}
/* Contact Form 7
========================================================================== */
.form-container .ajax-loader {
display: none !important;
}
.form-container span[role=alert] {
display: none !important;
}
.form-container .wpcf7-not-valid {
border: 1px solid #dc3545 !important;
}
.form-container .wpcf7-not-valid.placeholder {
color: #dc3545 !important;
}
.form-container .wpcf7-not-valid:-moz-placeholder {
color: #dc3545 !important;
}
.form-container .wpcf7-not-valid::-moz-placeholder {
color: #dc3545 !important;
}
.form-container .wpcf7-not-valid:-ms-input-placeholder {
color: #dc3545 !important;
}
.form-container .wpcf7-not-valid::-webkit-input-placeholder {
color: #dc3545 !important;
}
.form-container div[role=alert] {
position: absolute;
bottom: 0;
font-weight: bold;
text-align: center;
background: #f1f1f1;
width: 100%;
max-width: 502px;
margin: 20px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.form-container div[role=alert].wpcf7-validation-errors {
border-color: #dc3545;
color: #dc3545;
}
.form-container div[role=alert].wpcf7-mail-sent-ok {
border-color: #28a745;
color: #28a745;
}
@media (max-width: 480px) {
.form-container div[role=alert] {
position: initial;
max-width: 100%;
}
}
/* Slider
========================================================================== */
.banner {
width: 100%;
height: 543px;
}
@media screen and (max-width: 500px) {
.banner {
height: 420px;
}
.banner img {
height: 100% !important;
}
}
.banner .swiper-slide picture {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.banner .swiper-slide > .al-container {
top: 137px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 1214px;
z-index: 2;
}
@media screen and (max-width: 500px) {
.banner .swiper-slide > .al-container {
top: 60px;
}
}
.banner .swiper-slide > .al-container .informacoes {
color: #FFF;
font-family: "Inter";
font-style: normal;
line-height: normal;
max-width: 709px;
}
.banner .swiper-slide > .al-container .informacoes h1 {
font-size: 64px;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.banner .swiper-slide > .al-container .informacoes h1 {
font-size: 44px;
}
}
@media screen and (max-width: 540px) {
.banner .swiper-slide > .al-container .informacoes h1 {
font-size: 34px;
}
}
.banner .swiper-slide > .al-container .informacoes p {
font-size: 32px;
font-weight: 500;
line-height: 112%; /* 35.84px */
padding-top: 11px;
}
@media screen and (max-width: 768px) {
.banner .swiper-slide > .al-container .informacoes p {
font-size: 22px;
}
}
@media screen and (max-width: 540px) {
.banner .swiper-slide > .al-container .informacoes p {
font-size: 18px;
}
}
/* Pages
========================================================================== */
/* Header
========================================================================== */
header[role=heading].scrolled {
background-color: #000;
opacity: 1;
}
header[role=heading] {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
z-index: 999;
background: #1B1B1B;
opacity: 0.8;
transition: background-color 0.6s ease-in-out, opacity 0.6s ease-in-out, height 0.6s ease-in-out, padding 0.6s ease-in-out;
}
@media (max-width: 480px) {
header[role=heading] {
position: relative;
background: #1d1d1e;
opacity: 1;
}
}
header[role=heading] .al-container .logo {
display: flex;
}
header[role=heading] .al-container .logo img, header[role=heading] .al-container .logo svg {
width: 123px;
height: 29px;
-o-object-fit: contain;
object-fit: contain;
max-width: 100%;
}
@media (max-width: 480px) {
header[role=heading] .al-container .logo img, header[role=heading] .al-container .logo svg {
width: 97px;
height: 23px;
}
}
header[role=heading] .al-container #desktop-menu {
padding: 15px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 105px;
}
header[role=heading] .al-container #desktop-menu .menu {
display: flex;
align-items: center;
}
@media (max-width: 768px) {
header[role=heading] .al-container #desktop-menu .menu {
display: none;
}
}
header[role=heading] .al-container #desktop-menu .menu ul.menu {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 44px;
column-gap: 44px;
}
header[role=heading] .al-container #desktop-menu .menu ul.menu li {
display: block;
position: relative;
}
header[role=heading] .al-container #desktop-menu .menu ul.menu li a {
display: flex;
font-style: normal;
font-weight: 400;
transition: all 0.3s;
font-size: 16px;
line-height: 66px;
color: #858585;
font-family: "Museo Cyrl";
}
header[role=heading] .al-container #desktop-menu .menu ul.menu li.current-menu-item a, header[role=heading] .al-container #desktop-menu .menu ul.menu li:hover a {
color: #ffffff;
}
header[role=heading] .al-container #desktop-menu .menu ul.menu li.current-menu-item a {
font-weight: 700;
}
header[role=heading] .al-container #desktop-menu .menu ul.menu li.contato-item a {
color: #84bd00;
}
header[role=heading] .al-container #desktop-menu .menu ul.menu li.contato-item.current-menu-item a, header[role=heading] .al-container #desktop-menu .menu ul.menu li.contato-item:hover a {
color: #ffffff;
}
header[role=heading] .al-container #desktop-menu .menu ul.menu li.contato-item.current-menu-item a {
font-weight: 700;
}
body:has(#mobile-menu.active) {
overflow: hidden;
}
.overlay {
width: 100vw;
height: 100vh;
display: block;
position: fixed;
background: rgba(0, 0, 0, 0.43);
z-index: -1;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.overlay.active {
opacity: 1;
visibility: visible;
z-index: 998;
}
/* Footer
========================================================================== */
footer .cta-especialista {
background: linear-gradient(100deg, #d6ff9d 0%, #4b8600 100%);
padding: 30px 0;
}
@media (max-width: 480px) {
footer .cta-especialista {
background: linear-gradient(126deg, #D5FE9B -3%, #9ddb4e 25%, #4C8701 89%);
padding: 64px 0;
}
}
footer .cta-especialista .al-container {
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
}
@media (max-width: 480px) {
footer .cta-especialista .al-container {
flex-direction: column;
gap: 0px;
}
}
footer .cta-especialista .al-container h2 {
width: 290px;
font-size: 32px;
font-weight: 700;
letter-spacing: 0px;
line-height: 30px;
color: #0d1829;
font-family: "Museo Cyrl";
}
@media (max-width: 480px) {
footer .cta-especialista .al-container h2 {
color: #0D1829;
text-align: center;
font-family: "Museo Cyrl";
font-size: 31.827px;
font-style: normal;
font-weight: 700;
line-height: 31.827px;
letter-spacing: -0.118px;
}
}
footer .cta-especialista .al-container p {
width: 264px;
font-size: 16px;
font-weight: 100;
letter-spacing: 0px;
line-height: 16px;
color: #0d1829;
font-family: "Museo Sans";
}
@media (max-width: 480px) {
footer .cta-especialista .al-container p {
width: 235px;
margin-top: 13px;
color: #0D1829;
text-align: center;
font-family: "Museo Sans";
font-size: 14.467px;
font-style: normal;
font-weight: 100;
line-height: 13.02px;
letter-spacing: -0.054px;
}
}
footer .cta-especialista .al-container p strong {
font-weight: 700;
}
footer .cta-especialista .al-container a {
border: 3px solid #ffffff;
padding: 0 30px;
border-radius: 19px;
background: linear-gradient(180deg, #b7e178 0%, #67b800 100%);
font-size: 18px;
font-weight: 900;
letter-spacing: 0px;
line-height: 34px;
color: #0d1829;
font-family: "Museo Cyrl";
text-align: center;
transition: all 0.3s;
}
@media (max-width: 480px) {
footer .cta-especialista .al-container a {
background: linear-gradient(180deg, #B7E278 -100%, #67B800 0%), #82BF34;
margin-top: 25px;
color: #0D1829;
text-align: center;
font-family: "Museo Cyrl";
font-size: 13.02px;
font-style: normal;
font-weight: 900;
line-height: 23.147px;
letter-spacing: -0.048px;
}
}
footer .cta-especialista .al-container a:hover {
transform: scale(1.1);
}
footer .rodape {
padding: 100px 0;
background-image: url(assets/images/bg-footer-dt.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 480px) {
footer .rodape {
padding: 80px 0;
background-image: url(assets/images/bg-rodape-mobile.webp);
}
}
footer .rodape .al-container {
display: flex;
}
@media (max-width: 480px) {
footer .rodape .al-container {
flex-direction: column;
align-items: center;
}
}
footer .rodape .al-container .left {
width: 50%;
display: flex;
gap: 30px;
}
@media (max-width: 480px) {
footer .rodape .al-container .left {
width: 100%;
flex-direction: column;
align-items: center;
}
}
footer .rodape .al-container .left a.logo svg {
width: 123px;
height: 29px;
}
@media (max-width: 480px) {
footer .rodape .al-container .left .texto-rodape {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
footer .rodape .al-container .left .texto-rodape p {
font-size: 24px;
font-weight: 100;
letter-spacing: 0px;
line-height: 26px;
color: #ffffff;
font-family: "Museo Cyrl";
max-width: 160px;
}
@media (max-width: 480px) {
footer .rodape .al-container .left .texto-rodape p {
text-align: center;
}
}
footer .rodape .al-container .left .texto-rodape p.texto-inferior {
padding-top: 18px;
font-weight: 700;
max-width: 255px;
}
footer .rodape .al-container .left .texto-rodape .politicas-termos {
padding-top: 40px;
display: flex;
gap: 30px;
}
@media (max-width: 768px) {
footer .rodape .al-container .left .texto-rodape .politicas-termos {
flex-direction: column;
gap: 10px;
align-items: start;
}
}
@media (max-width: 480px) {
footer .rodape .al-container .left .texto-rodape .politicas-termos {
align-items: center;
}
}
footer .rodape .al-container .left .texto-rodape .politicas-termos a {
text-align: center;
opacity: 0.502;
font-size: 14px;
line-height: 26px;
color: #ffffff;
font-family: "Museo Cyrl";
transition: all 0.3s;
}
footer .rodape .al-container .left .texto-rodape .politicas-termos a:hover {
opacity: 1;
}
footer .rodape .al-container .right {
width: 50%;
display: flex;
gap: 50px;
justify-content: right;
}
@media (max-width: 480px) {
footer .rodape .al-container .right {
width: 100%;
flex-direction: column;
}
}
@media (max-width: 480px) {
footer .rodape .al-container .right .mapa {
display: none;
}
}
footer .rodape .al-container .right .mapa h2 {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #84bd00;
font-family: "Museo Cyrl";
}
footer .rodape .al-container .right .mapa nav {
padding-top: 10px;
}
footer .rodape .al-container .right .mapa nav ul li a {
opacity: 0.502;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-family: "Museo Cyrl";
transition: all 0.3s;
}
footer .rodape .al-container .right .mapa nav ul li a:hover {
opacity: 1;
}
@media (max-width: 480px) {
footer .rodape .al-container .right .info-contato {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 80px;
}
}
footer .rodape .al-container .right .info-contato .contatos {
display: flex;
flex-direction: column;
gap: 10px;
}
footer .rodape .al-container .right .info-contato .contatos .info {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 480px) {
footer .rodape .al-container .right .info-contato .contatos .info {
justify-content: center;
}
}
footer .rodape .al-container .right .info-contato .contatos .info .left-info {
width: -moz-fit-content;
width: fit-content;
}
footer .rodape .al-container .right .info-contato .contatos .info .left-info svg {
width: 18px;
height: auto;
}
footer .rodape .al-container .right .info-contato .contatos .info .right-info {
min-width: -moz-fit-content;
min-width: fit-content;
}
footer .rodape .al-container .right .info-contato .contatos .info .right-info a.whatsapp-number {
font-weight: 700;
}
footer .rodape .al-container .right .info-contato .contatos .info .right-info a {
font-size: 18px;
font-weight: 300;
color: #ffffff;
font-family: "Museo Cyrl";
transition: all 0.3s;
}
@media (max-width: 480px) {
footer .rodape .al-container .right .info-contato .contatos .info .right-info a {
color: #FFF;
font-family: "Museo Cyrl";
font-size: 13.02px;
font-style: normal;
font-weight: 400;
line-height: 15.624px;
}
}
footer .rodape .al-container .right .info-contato .contatos .info .right-info a:hover {
opacity: 0.502;
}
footer .rodape .al-container .right .info-contato .redes-sociais {
padding-top: 20px;
display: flex;
gap: 10px;
}
@media (max-width: 480px) {
footer .rodape .al-container .right .info-contato .redes-sociais {
padding-top: 38px;
}
}
footer .rodape .al-container .right .info-contato .redes-sociais a {
transition: all 0.3s;
}
footer .rodape .al-container .right .info-contato .redes-sociais a:hover {
transform: scale(1.1);
}
footer .rodape .al-container .right .info-contato .selo-abradi {
padding-top: 20px;
}
@media (max-width: 480px) {
footer .rodape .al-container .right .info-contato .selo-abradi {
display: none;
}
}
footer .rodape .al-container .right .info-contato .selo-abradi a img {
width: 73px;
height: auto;
}
footer .rodape .al-container .right .info-contato .butterfly-footer {
margin-top: 40px;
display: none;
}
@media (max-width: 480px) {
footer .rodape .al-container .right .info-contato .butterfly-footer {
display: flex;
}
}
footer .assinatura {
background: #191b1d;
justify-content: center;
padding: 20px 0;
}
@media (max-width: 480px) {
footer .assinatura {
background: #010101;
}
}
footer .assinatura p.assinatura-desktop {
opacity: 0.502;
font-size: 14px;
font-weight: 100;
color: #ffffff;
font-family: "Museo Sans";
text-align: center;
}
@media (max-width: 480px) {
footer .assinatura p.assinatura-desktop {
display: none;
}
}
footer .assinatura p.assinatura-mobile {
color: #FFF;
text-align: center;
font-family: "Museo Sans";
font-size: 11.573px;
font-style: normal;
font-weight: 100;
line-height: 13.888px;
display: none;
opacity: 0.302;
}
@media (max-width: 480px) {
footer .assinatura p.assinatura-mobile {
display: flex;
justify-content: center;
}
}
footer .btn-topo {
z-index: 20;
position: fixed;
right: 15px;
bottom: 80px;
display: none;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (max-width: 1024px) {
footer .btn-topo {
display: block;
}
}
footer .btn-topo.show {
opacity: 1;
visibility: visible;
}
footer .whatsapp-flutuante {
position: fixed;
right: 10px;
bottom: 10px;
}
footer .whatsapp-flutuante a svg {
width: 60px;
transition: all 0.3s ease;
}
footer .whatsapp-flutuante a svg:hover {
transform: scale(1.1);
}
@media (max-width: 767px) {
.parceiros-container .logo-slot.hide-mobile-logo {
display: none !important;
}
}
/* Home
========================================================================== */
body.home {
background-image: url(assets/images/background.webp);
background-size: cover;
background-repeat: no-repeat;
background-color: #24252b;
}
@media (max-width: 480px) {
body.home {
background: none;
}
}
body.home section.al-container.banner-home {
padding: 223px 0 75px;
display: flex;
justify-content: center;
}
@media (max-width: 480px) {
body.home section.al-container.banner-home {
padding: 68px 0 68px;
height: 480px;
background-image: url(assets/images/bg-home-mobile.webp);
background-size: cover;
background-repeat: no-repeat;
background-color: #24252b;
}
}
body.home section.al-container.banner-home .especialistas {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas {
height: -moz-max-content;
height: max-content;
}
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas img.butterfly-title {
width: 32px;
height: 26px;
}
}
body.home section.al-container.banner-home .especialistas h1 {
padding-top: 30px;
font-family: "Museo Cyrl";
font-size: 0px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas h1 {
padding-top: 15px;
width: 100%;
font-size: 1.5em;
}
}
body.home section.al-container.banner-home .especialistas h1 span#somos {
display: inline-block;
width: 100%;
font-size: 46px;
font-style: normal;
font-weight: 600;
letter-spacing: -1px;
line-height: 62px;
color: #FFF;
text-align: center;
margin-left: 25px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas h1 span#somos {
font-size: 23px;
margin-left: 0;
line-height: 100%;
}
}
body.home section.al-container.banner-home .especialistas h1 span#especia {
display: inline-block;
width: 100%;
font-size: 110px;
font-weight: 600;
letter-spacing: -2px;
line-height: 80px;
color: #84bd00;
text-align: center;
margin-top: -23px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas h1 span#especia {
font-size: 55px;
line-height: 42px;
margin-top: -10px;
margin-left: -10px;
}
}
body.home section.al-container.banner-home .especialistas h1 span#listas {
display: inline-block;
width: 100%;
text-align: right;
margin-left: 120px;
font-size: 110px;
font-weight: 600;
letter-spacing: -2px;
line-height: 80px;
color: #84bd00;
text-align: center;
margin-top: 7px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas h1 span#listas {
font-size: 55px;
line-height: 42px;
margin-top: 0;
margin-left: 55px;
}
}
body.home section.al-container.banner-home .especialistas h1 span#em {
display: inline-block;
width: 100%;
font-size: 42px;
font-weight: 400;
font-style: normal;
letter-spacing: -1px;
line-height: 100%;
color: #FFF;
text-align: right;
margin-left: -60px;
margin-top: -5px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas h1 span#em {
display: block;
font-size: 21px;
margin-left: -128px;
margin-top: -5px;
}
}
body.home section.al-container.banner-home .especialistas h1 span#apresentacoes {
display: inline-block;
width: 100%;
font-size: 42px;
font-weight: 400;
letter-spacing: -1px;
line-height: 100%;
color: #ffffff;
text-align: right;
margin-top: -5px;
margin-left: -15px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas h1 span#apresentacoes {
display: block;
font-size: 21px;
line-height: 25px;
text-align: center;
margin-top: -35px;
margin-left: 20px;
}
}
body.home section.al-container.banner-home .especialistas h1 span#vencedoras {
display: inline-block;
width: 100%;
font-size: 60px;
font-weight: 600;
letter-spacing: -1px;
line-height: 48px;
color: #ffffff;
text-align: right;
margin-left: 5px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas h1 span#vencedoras {
display: block;
text-align: center;
font-size: 30px;
line-height: 25px;
margin-left: 10px;
margin-top: -30px;
}
}
body.home section.al-container.banner-home .especialistas a {
width: 100%;
text-align: right;
padding-top: 20px;
margin-left: -45px;
}
@media (max-width: 768px) {
body.home section.al-container.banner-home .especialistas a {
display: none;
}
}
body.home section.al-container.banner-home .especialistas a svg.seta-color {
transition: all 0.3s;
filter: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(511%) hue-rotate(36deg) brightness(99%) contrast(101%);
}
body.home section.al-container.banner-home .especialistas a:hover svg {
transform: translateX(10px);
}
body.home section.al-container.banner-home .especialistas .video-principal-mobile {
display: none;
position: absolute;
bottom: -45px;
width: 320px;
height: 180px;
justify-content: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
body.home section.al-container.banner-home .especialistas .video-principal-mobile {
display: flex;
bottom: -120px;
}
}
@media (max-width: 480px) {
body.home section.al-container.banner-home .especialistas .video-principal-mobile {
display: flex;
}
}
body.home section.al-container.banner-home .especialistas .video-principal-mobile iframe {
width: 100%;
height: 100%;
}
body.home section.al-container.banner-home .especialistas .video-principal-mobile .thumb-video {
width: 100%;
}
body.home section.al-container.banner-home .especialistas .video-principal-mobile .thumb-video svg {
transition: all 0.3s;
cursor: pointer;
}
body.home section.al-container.banner-home .especialistas .video-principal-mobile .thumb-video svg:hover {
transform: scale(1.1);
}
body.home section.al-container.banner-home .especialistas .video-principal-mobile .thumb-video svg circle {
fill: #fff;
opacity: 0.2;
}
@media (max-width: 768px) {
body.home section.servicos {
background: #151E2E;
z-index: -1;
display: flex;
flex-direction: column;
align-items: center;
padding: 100px 0 80px;
}
}
@media (max-width: 768px) and (min-width: 768px) and (max-width: 1023px) {
body.home section.servicos {
padding: 160px 0 80px;
}
}
@media (min-width: 1024px) {
body.home section.servicos svg {
width: 100%;
}
}
body.home section.servicos p.texto-superior-servicos-mobile {
color: #FFF;
text-align: center;
font-family: "Museo Sans";
font-size: 13.02px;
font-style: normal;
font-weight: 100;
line-height: 14.467px;
letter-spacing: -0.048px;
max-width: 265px;
display: none;
}
body.home section.servicos p.texto-superior-servicos-mobile strong {
font-weight: 700;
}
@media (max-width: 768px) {
body.home section.servicos p.texto-superior-servicos-mobile {
display: block;
}
}
body.home section.servicos h2 {
margin-top: 50px;
color: #84bd00;
text-align: center;
font-family: "Museo Cyrl";
font-size: 30.38px;
font-style: normal;
font-weight: 400;
line-height: 39.06px;
letter-spacing: -0.073px;
display: flex;
align-items: center;
display: none;
}
@media (max-width: 768px) {
body.home section.servicos h2 {
display: block;
}
}
body.home section.servicos h2 span {
color: #FFF;
text-align: center;
font-family: "Museo Cyrl";
font-size: 37.613px;
font-style: normal;
font-weight: 400;
line-height: 39.06px;
letter-spacing: -0.091px;
}
@media (max-width: 768px) {
body.home section.servicos svg.linha-servicos-desktop {
display: none;
}
}
body.home section.servicos svg.linha-servicos-mobile {
display: none;
margin-top: 40px;
}
@media (max-width: 768px) {
body.home section.servicos svg.linha-servicos-mobile {
display: flex;
width: 105%;
height: -moz-max-content;
height: max-content;
}
}
body.home section.apresentacoes {
padding: 100px 0;
}
@media (max-width: 768px) {
body.home section.apresentacoes {
background: #1D1E22;
padding: 50px 0;
}
}
body.home section.apresentacoes .title-apresentacoes h2 {
font-size: 42px;
font-weight: 100;
letter-spacing: -1px;
line-height: 50px;
color: #ffffff;
font-family: "Museo Cyrl";
text-align: center;
}
@media (max-width: 768px) {
body.home section.apresentacoes .title-apresentacoes h2 {
color: #FFF;
text-align: center;
font-family: "Museo Cyrl";
font-size: 30.38px;
font-style: normal;
font-weight: 400;
line-height: 31.827px;
letter-spacing: -0.096px;
}
}
body.home section.apresentacoes .title-apresentacoes h3 {
font-size: 60px;
font-weight: 700;
letter-spacing: -1px;
line-height: 50px;
color: #84bd00;
font-family: "Museo Cyrl";
text-align: center;
}
@media (max-width: 768px) {
body.home section.apresentacoes .title-apresentacoes h3 {
font-family: "Museo Cyrl";
font-size: 36.167px;
font-style: normal;
font-weight: 400;
line-height: 31.827px;
letter-spacing: -0.114px;
}
}
@media (max-width: 768px) {
body.home section.apresentacoes .video-apresentacao {
display: none;
}
}
body.home section.apresentacoes .video-apresentacao ul li .video {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container {
width: 920px;
max-width: 100%;
aspect-ratio: 16/9;
padding-top: 50px;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .video-iframe {
position: relative;
width: 100%;
padding-top: 56.25%;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .video-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .video-iframe .video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior {
padding-top: 20px;
display: flex;
justify-content: space-between;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior .apresentacao-info {
padding-left: 20px;
display: flex;
align-items: flex-start;
gap: 20px;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior .apresentacao-info .barra {
height: 100%;
width: 2px;
background-color: #84bd00;
display: block;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior .apresentacao-info .texto h3 {
font-size: 16px;
font-weight: 700;
line-height: 18px;
color: #ffffff;
font-family: "Museo Cyrl";
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior .apresentacao-info .texto p {
font-size: 16px;
font-weight: 100;
line-height: 18px;
color: #ffffff;
font-family: "Museo Cyrl";
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior .ver-mais a {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 100;
letter-spacing: 0px;
line-height: 37px;
color: #ffffff;
font-family: "Museo Sans";
text-align: center;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior .ver-mais a svg {
transition: all 0.3s;
width: 82px;
height: 19px;
}
body.home section.apresentacoes .video-apresentacao ul li .video .video-container .apresentacao-inferior .ver-mais a:hover svg {
transform: scale(1.1);
}
body.home section.apresentacoes .video-apresentacao ul#lightSlider:not(:has(li.lslide)) li:not(:first-child) {
display: none;
}
body.home section.apresentacoes .video-apresentacao ul.lSPager.lSpg {
position: absolute;
right: 35%;
bottom: 0%;
}
body.home section.apresentacoes .video-apresentacao ul.lSPager.lSpg li a {
opacity: 0.102;
width: 17px;
height: 17px;
border-radius: 8px;
background-color: #ffffff;
}
body.home section.apresentacoes .video-apresentacao ul.lSPager.lSpg li.active a {
opacity: 1;
width: 17px;
height: 17px;
border-radius: 8px;
background-color: #84bd00;
}
body.home section.apresentacoes .videos-apresentacao-mobile {
display: none;
margin-top: 50px;
}
@media (max-width: 768px) {
body.home section.apresentacoes .videos-apresentacao-mobile {
display: flex;
gap: 27px;
flex-wrap: wrap;
justify-content: center;
}
}
body.home section.apresentacoes .videos-apresentacao-mobile .video-wrapper {
width: 320px;
height: 180px;
}
body.home section.apresentacoes .videos-apresentacao-mobile .video-wrapper iframe {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
}
body.home section.apresentacoes .videos-apresentacao-mobile .video-wrapper .thumb-video {
width: 100%;
height: 100%;
}
body.home section.apresentacoes .videos-apresentacao-mobile .video-wrapper .thumb-video img {
width: 100%;
height: 100%;
}
body.home section.apresentacoes .videos-apresentacao-mobile .video-wrapper .thumb-video svg circle {
fill: #fff;
opacity: 0.2;
}
body.home section.apresentacoes .videos-apresentacao-mobile .ver-mais {
margin-top: -20px;
}
body.home section.apresentacoes .videos-apresentacao-mobile .ver-mais a {
display: flex;
gap: 10px;
align-items: center;
color: #FFF;
text-align: center;
font-family: "Museo Sans";
font-size: 13.02px;
font-style: normal;
font-weight: 400;
line-height: 28.933px;
letter-spacing: -0.048px;
}
body.home section.apresentacoes .videos-apresentacao-mobile .ver-mais a svg {
width: 82px;
height: 19px;
}
body.home section.conheca {
padding: 100px 0;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (max-width: 768px) {
body.home section.conheca {
background: #1D1E22;
padding: 15px 0 65px 0;
}
}
@media (max-width: 768px) {
body.home section.conheca img.butterfly-a-agencia-home-mobile {
width: 41px;
height: 33px;
}
}
body.home section.conheca h2 {
font-size: 20px;
font-weight: 300;
letter-spacing: 2px;
line-height: 94px;
color: #84bd00;
font-family: "Museo Cyrl";
text-align: center;
text-transform: uppercase;
}
@media (max-width: 768px) {
body.home section.conheca h2 {
color: #84bd00;
text-align: center;
font-family: "Museo Cyrl";
font-size: 13.02px;
font-style: normal;
font-weight: 400;
line-height: 43.4px;
letter-spacing: 0.671px;
}
}
body.home section.conheca h3 {
text-align: center;
}
body.home section.conheca h3 span#conheca {
font-size: 70px;
font-weight: 700;
line-height: 75px;
color: #ffffff;
font-family: "Museo Cyrl";
text-align: center;
}
@media (max-width: 768px) {
body.home section.conheca h3 span#conheca {
color: #FFF;
text-align: center;
font-family: "Museo Cyrl";
font-size: 44.847px;
font-style: normal;
font-weight: 400;
line-height: 43.4px;
}
}
body.home section.conheca h3 span#nossa {
margin-top: -30px;
display: inline-block;
font-size: 54px;
font-weight: 100;
letter-spacing: -1px;
line-height: 75px;
color: #ffffff;
font-family: "Museo Cyrl";
text-align: center;
margin-left: 30px;
}
@media (max-width: 768px) {
body.home section.conheca h3 span#nossa {
color: #FFF;
text-align: center;
font-family: "Museo Cyrl";
font-size: 37.613px;
font-style: normal;
font-weight: 400;
line-height: 43.4px;
letter-spacing: -0.485px;
margin-left: 15px;
}
}
body.home section.conheca h3 span#historia {
margin-top: -15px;
display: inline-block;
font-size: 86px;
font-weight: 700;
line-height: 75px;
color: #84bd00;
font-family: "Museo Cyrl";
text-align: center;
margin-left: 25px;
}
@media (max-width: 768px) {
body.home section.conheca h3 span#historia {
color: #7FC329;
text-align: center;
font-family: "Museo Cyrl";
font-size: 59.313px;
font-style: normal;
font-weight: 400;
line-height: 43.4px;
margin-left: -5px;
margin-top: -5px;
}
}
body.home section.conheca .texto-historia {
width: 490px;
padding-top: 30px;
}
@media (max-width: 768px) {
body.home section.conheca .texto-historia {
width: 270px;
}
}
body.home section.conheca .texto-historia p {
font-size: 20px;
font-weight: 100;
letter-spacing: 0px;
line-height: 22px;
color: #ffffff;
font-family: "Museo Sans";
text-align: center;
}
@media (max-width: 768px) {
body.home section.conheca .texto-historia p {
color: #FFF;
text-align: center;
font-family: "Museo Sans";
font-size: 14.467px;
font-style: normal;
font-weight: 100;
line-height: 15.913px;
letter-spacing: -0.054px;
}
}
body.home section.conheca .texto-historia p strong {
font-weight: 700;
}
body.home section.conheca .texto-historia a {
width: 100%;
text-align: right;
padding-top: 20px;
display: block;
margin-left: -30px;
transition: all 0.3s;
}
@media (max-width: 768px) {
body.home section.conheca .texto-historia a {
display: none;
}
}
body.home section.conheca .texto-historia a svg.seta-color {
transition: all 0.3s;
filter: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(511%) hue-rotate(36deg) brightness(99%) contrast(101%);
}
body.home section.conheca .texto-historia a:hover svg {
transform: translateX(10px);
}
body.home section.big-numbers {
display: flex;
justify-content: center;
z-index: 1;
}
body.home section.big-numbers .big-numbers-container {
display: flex;
align-items: center;
margin-bottom: -30px;
z-index: 10;
opacity: 0.8;
width: 920px;
height: 230px;
background-color: #24385c;
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container {
height: 147px;
opacity: 1;
}
}
body.home section.big-numbers .big-numbers-container .left,
body.home section.big-numbers .big-numbers-container .right {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
body.home section.big-numbers .big-numbers-container .left .superior-numbers,
body.home section.big-numbers .big-numbers-container .right .superior-numbers {
display: flex;
gap: 8px;
}
body.home section.big-numbers .big-numbers-container .left .superior-numbers svg,
body.home section.big-numbers .big-numbers-container .right .superior-numbers svg {
width: 50px;
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container .left .superior-numbers svg,
body.home section.big-numbers .big-numbers-container .right .superior-numbers svg {
width: 28px;
height: 27px;
}
}
body.home section.big-numbers .big-numbers-container .left .superior-numbers h2,
body.home section.big-numbers .big-numbers-container .right .superior-numbers h2 {
font-size: 76px;
font-weight: 700;
letter-spacing: -1px;
line-height: 51px;
color: #84bd00;
font-family: "Museo Cyrl";
text-align: center;
display: flex;
align-items: baseline;
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container .left .superior-numbers h2,
body.home section.big-numbers .big-numbers-container .right .superior-numbers h2 {
color: #82BE34;
text-align: center;
font-family: "Museo Cyrl";
font-size: 31.827px;
font-style: normal;
font-weight: 700;
line-height: 29.193px;
letter-spacing: -0.117px;
}
}
body.home section.big-numbers .big-numbers-container .left .superior-numbers h2 span.prefix,
body.home section.big-numbers .big-numbers-container .right .superior-numbers h2 span.prefix {
font-size: 56px;
font-family: "Museo Cyrl";
color: rgb(130, 190, 52);
line-height: 0.908;
text-align: center;
font-weight: 900;
position: relative;
bottom: 9px;
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container .left .superior-numbers h2 span.prefix,
body.home section.big-numbers .big-numbers-container .right .superior-numbers h2 span.prefix {
font-size: 32px;
bottom: 5px;
}
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container .left .superior-numbers h2 span.qtd,
body.home section.big-numbers .big-numbers-container .right .superior-numbers h2 span.qtd {
color: #84bd00;
text-align: center;
font-family: "Museo Cyrl";
font-size: 43.4px;
font-style: normal;
font-weight: 700;
line-height: 29.193px;
letter-spacing: -0.159px;
}
}
body.home section.big-numbers .big-numbers-container .left .superior-numbers h2 span.unidade,
body.home section.big-numbers .big-numbers-container .right .superior-numbers h2 span.unidade {
font-size: 50px;
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container .left .superior-numbers h2 span.unidade,
body.home section.big-numbers .big-numbers-container .right .superior-numbers h2 span.unidade {
color: #84bd00;
font-family: "Museo Cyrl";
font-size: 27.487px;
font-style: normal;
font-weight: 700;
line-height: 29.193px;
letter-spacing: -0.101px;
}
}
body.home section.big-numbers .big-numbers-container .left h3,
body.home section.big-numbers .big-numbers-container .right h3 {
font-size: 32px;
color: #ffffff;
letter-spacing: 0px;
line-height: 28px;
font-weight: 700;
display: block;
text-align: center;
font-family: "Museo Cyrl";
text-align: center;
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container .left h3,
body.home section.big-numbers .big-numbers-container .right h3 {
color: #FFF;
text-align: center;
font-family: "Museo Cyrl";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 21px;
letter-spacing: -0.064px;
}
}
body.home section.big-numbers .big-numbers-container .left h3 span,
body.home section.big-numbers .big-numbers-container .right h3 span {
font-weight: 100;
font-size: 30px;
}
@media (max-width: 768px) {
body.home section.big-numbers .big-numbers-container .left h3 span,
body.home section.big-numbers .big-numbers-container .right h3 span {
font-size: 22px;
line-height: 21px;
}
}
body.home section.parceiros {
background: #f1f8e8;
padding: 100px 0 77px;
}
@media (max-width: 768px) {
body.home section.parceiros {
padding: 85px 0 65px;
}
}
body.home section.parceiros h2 {
font-size: 36px;
font-weight: 100;
letter-spacing: -1px;
line-height: 43px;
color: #0d1829;
font-family: "Museo Cyrl";
text-align: center;
}
@media (max-width: 768px) {
body.home section.parceiros h2 {
color: #0D1829;
text-align: center;
font-family: "Museo Cyrl";
font-size: 28.933px;
font-style: normal;
font-weight: 100;
line-height: 28.933px;
letter-spacing: -0.131px;
}
}
body.home section.parceiros h2 strong {
font-weight: 700;
}
body.home section.parceiros .parceiros-container {
max-width: 1170px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 30px;
gap: 50px;
}
@media (max-width: 768px) {
body.home section.parceiros .parceiros-container {
justify-content: center;
gap: 40px;
padding-top: 40px;
}
}
body.home section.parceiros .parceiros-container .logo-slot {
width: 120px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
body.home section.parceiros .parceiros-container .logo-slot img {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin: 0 auto;
}
@media (max-width: 480px) {
body.home section.parceiros .parceiros-container .logo-slot {
width: 100px;
}
}
body.home section.blog {
background: #ffffff;
padding: 100px 0;
}
@media (max-width: 768px) {
body.home section.blog {
display: none;
}
}
body.home section.blog .blog-content {
display: flex;
flex-wrap: wrap;
}
body.home section.blog .blog-content .blog-title {
width: 100%;
display: flex;
}
body.home section.blog .blog-content .blog-title .left {
width: 50%;
}
body.home section.blog .blog-content .blog-title .right {
width: 50%;
}
body.home section.blog .blog-content .blog-title .right h2 {
font-size: 22px;
font-weight: 700;
letter-spacing: 0px;
line-height: 60px;
color: #84bd00;
font-family: "Museo Cyrl";
}
body.home section.blog .blog-content .left {
width: 50%;
display: flex;
justify-content: right;
padding-right: 64px;
}
body.home section.blog .blog-content .left img {
width: 403px;
height: 227px;
}
body.home section.blog .blog-content .right {
width: 50%;
display: flex;
flex-direction: column;
gap: 30px;
}
body.home section.blog .blog-content .right h3 {
font-size: 52px;
letter-spacing: -1px;
line-height: 50px;
color: #0d1829;
font-family: "Museo Cyrl";
}
body.home section.blog .blog-content .right p {
font-size: 16px;
font-weight: 100;
letter-spacing: 0px;
line-height: 20px;
color: #0d1829;
font-family: "Museo Sans";
}
body.home section.blog .blog-content .right a {
transition: all 0.3s;
}
body.home section.blog .blog-content .right a svg.seta-color {
transition: all 0.3s;
filter: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(511%) hue-rotate(36deg) brightness(99%) contrast(101%);
}
body.home section.blog .blog-content .right a:hover svg {
transform: translateX(10px);
}
section.banner {
padding: 173px 0 100px;
min-height: 727px;
background-image: url(assets/images/agencia-banner-bg.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
section.banner h1 {
width: 444px;
color: #24252B;
font-family: "Museo Cyrl";
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 42px;
}
section.banner h2 {
padding-top: 18px;
width: 425px;
color: #24252B;
font-family: "Museo Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22px;
letter-spacing: -0.089px;
}
section.banner p {
padding-top: 25px;
width: 385px;
color: #24252B;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
letter-spacing: -0.079px;
}
section.banner a {
margin-top: 43px;
display: inline-block;
border-radius: 19px;
border: 3px solid #e9ffcb;
background: linear-gradient(180deg, #b7e178 0%, #67b800 100%);
color: #0D1829;
text-align: center;
font-family: "Museo Cyrl";
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 33.582px;
letter-spacing: -0.132px;
padding: 0 33px;
transition: all 0.3s;
}
section.banner a:hover {
transform: scale(1.1);
}
section.sua-apresentacao {
padding: 100px 0;
background: #e9edf1;
}
section.sua-apresentacao .casulo-container {
display: flex;
justify-content: space-between;
}
section.sua-apresentacao .casulo-container h2 {
width: 355px;
color: #24252B;
font-family: "Museo Cyrl";
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 34px;
}
section.sua-apresentacao .casulo-container svg {
width: 120px;
height: 120px;
}
section.sua-apresentacao .casulo-container .texto-apresentacao p {
width: 432px;
color: #24252B;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 100;
line-height: 20px;
letter-spacing: -0.079px;
}
section.pensamos {
padding: 100px 0;
background: #EFF8E8;
}
section.pensamos .casulo-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 40px;
}
section.pensamos .casulo-container h2 {
width: 31%;
color: #24252B;
font-family: "Museo Cyrl";
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 34px;
}
section.pensamos .casulo-container .item-pensamos {
width: 31%;
display: flex;
gap: 13px;
}
section.pensamos .casulo-container .item-pensamos .icone img {
width: 55px;
height: auto;
}
section.pensamos .casulo-container .item-pensamos .texto h3 {
color: #24252B;
font-family: "Museo Sans";
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 24px;
letter-spacing: -0.089px;
}
section.pensamos .casulo-container .item-pensamos .texto p {
padding-top: 10px;
max-width: 233px;
color: #24252B;
font-family: "Museo Sans";
font-size: 15px;
font-style: normal;
font-weight: 100;
line-height: 18px;
letter-spacing: -0.074px;
}
section.momento {
padding: 100px 0;
}
section.momento h2 {
width: 371px;
color: #24252B;
font-family: "Museo Cyrl";
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 34px;
}
section.momento .itens {
padding-top: 27px;
display: flex;
justify-content: space-between;
}
section.momento .itens .item-momento {
width: 31%;
display: flex;
gap: 13px;
}
section.momento .itens .item-momento .icone {
flex-shrink: 0;
}
section.momento .itens .item-momento .icone img {
width: 55px;
height: auto;
}
section.momento .itens .item-momento .texto h3 {
color: #24252B;
font-family: "Museo Sans";
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 24px;
letter-spacing: -0.089px;
}
section.momento .itens .item-momento .texto p {
padding-top: 10px;
color: #24252B;
font-family: "Museo Sans";
font-size: 15px;
font-style: normal;
font-weight: 100;
line-height: 18px;
letter-spacing: -0.074px;
}
body.page-id-7391 {
background-image: url(assets/images/portfolio-bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-color: #24252b;
}
section.portfolio-title {
padding: 173px 0 100px;
}
section.portfolio-title h1 {
max-width: 570px;
font-size: 52px;
font-weight: 700;
line-height: 50px;
color: #ffffff;
font-family: "Museo Cyrl";
}
section.portfolio-title p {
padding-top: 30px;
font-size: 18px;
font-weight: 100;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
section.portfolio-cases {
padding: 0 0 175px;
width: 1035px;
max-width: 100%;
margin: 0 auto;
}
section.portfolio-cases div.case {
display: flex;
justify-content: space-between;
}
section.portfolio-cases div.case .left-case svg {
display: flex;
}
section.portfolio-cases div.case .right-case {
display: flex;
align-items: center;
justify-content: center;
}
section.portfolio-cases div.case .right-case .video {
width: 688px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
section.portfolio-cases div.case .right-case .video .video-container {
width: 100%;
}
section.portfolio-cases div.case .right-case .video .video-container .video-iframe iframe {
width: 688px;
height: 387px;
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior {
padding-top: 20px;
display: flex;
justify-content: space-between;
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior .apresentacao-info {
padding-left: 20px;
display: flex;
align-items: flex-start;
gap: 20px;
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior .apresentacao-info .barra {
height: 100%;
width: 2px;
background-color: #84bd00;
display: block;
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior .apresentacao-info .texto h3 {
font-size: 14px;
font-weight: 700;
line-height: 18px;
color: #ffffff;
font-family: "Museo Cyrl";
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior .apresentacao-info .texto p {
font-size: 14px;
font-weight: 100;
line-height: 18px;
color: #ffffff;
font-family: "Museo Cyrl";
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior .ver-mais a {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 100;
letter-spacing: 0px;
line-height: 37px;
color: #ffffff;
font-family: "Museo Sans";
text-align: center;
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior .ver-mais a svg {
transition: all 0.3s;
width: 82px;
height: 19px;
}
section.portfolio-cases div.case .right-case .video .video-container .apresentacao-inferior .ver-mais a svg:hover {
transform: scale(1.1);
}
section.banner-clientes {
background-image: url("assets/images/banner-clientes.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 494px;
display: flex;
align-items: center;
}
section.banner-clientes .casulo-container h1 {
font-size: 52px;
font-weight: 700;
line-height: 50px;
color: #ffffff;
font-family: "Museo Cyrl";
max-width: 590px;
}
section.banner-clientes .casulo-container p {
padding-top: 30px;
font-size: 18px;
font-weight: 100;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
section.depoimentos {
background: #eff8e8;
padding: 90px 0 60px;
}
section.depoimentos .swiper-pagination {
position: absolute;
left: 0;
right: 0;
display: flex;
justify-content: center;
gap: 8px;
pointer-events: auto;
z-index: 2;
}
section.depoimentos .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 0.149;
background-color: #000000;
border-radius: 50%;
margin: 0;
transition: background 0.2s, opacity 0.2s;
}
section.depoimentos .swiper-pagination-bullet-active {
opacity: 1;
background-color: #84bd00;
}
section.depoimentos h2 {
font-size: 24px;
font-weight: 700;
line-height: 50px;
color: #000000;
font-family: "Museo Cyrl";
text-align: center;
}
section.depoimentos .depoimentos-cards {
position: relative;
padding-top: 30px;
width: 920px;
max-width: 100%;
margin: 0 auto;
overflow: visible;
}
section.depoimentos .depoimentos-cards .depoimentos-swiper {
padding-bottom: 70px;
}
section.depoimentos .depoimentos-cards #slider-depoimentos li {
display: flex;
justify-content: center;
}
section.depoimentos .depoimentos-cards .depoimento {
padding: 20px 30px;
width: 432px;
min-height: 230px;
display: flex;
gap: 10px;
flex-direction: column;
align-items: flex-start;
border-radius: 10px;
filter: drop-shadow(4.243px 4.243px 0px rgba(7, 18, 29, 0.04));
background-color: #ffffff;
margin: 5px;
}
section.depoimentos .depoimentos-cards .depoimento .texto-depoimento p {
font-size: 16px;
font-weight: 100;
letter-spacing: 0;
line-height: 18px;
color: #000000;
font-family: "Museo Sans", sans-serif;
}
section.depoimentos .depoimentos-cards .depoimento .info-cliente h2,
section.depoimentos .depoimentos-cards .depoimento .info-cliente h3 {
font-size: 15px;
letter-spacing: 0;
line-height: 18px;
color: #000000;
font-family: "Museo Sans", sans-serif;
text-align: left;
}
section.depoimentos .depoimentos-cards .depoimento .info-cliente h2 {
font-weight: 700;
}
section.depoimentos .depoimentos-cards .depoimento .info-cliente h3 {
font-weight: 300;
}
section.depoimentos .depoimentos-cards ul.lSPager.lSpg {
padding-top: 30px;
}
section.depoimentos .depoimentos-cards ul.lSPager.lSpg li a {
width: 12px;
height: 12px;
opacity: 0.149;
background-color: #000000;
}
section.depoimentos .depoimentos-cards ul.lSPager.lSpg li.active a {
opacity: 1;
background-color: #84bd00;
}
section.clientes-logos {
padding: 100px 0;
}
section.clientes-logos .casulo-container {
display: flex;
justify-content: center;
}
section.clientes-logos .casulo-container .galeria {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
gap: 100px;
}
section.clientes-logos .casulo-container .galeria .logo-item {
width: 120px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
section.clientes-logos .casulo-container .galeria .logo-item img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
display: block;
margin: 0 auto;
}
body.post-type-archive-workshops {
background: #0e0d12;
}
section.banner-workshops {
padding: 171px 0;
margin-top: 73px;
background-image: url("assets/images/workshop-banner-bg.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: 0px;
}
section.banner-workshops .casulo-container h1 {
max-width: 390px;
font-size: 46px;
font-weight: 700;
line-height: 44px;
color: #ffffff;
font-family: "Museo Cyrl";
}
section.banner-workshops .casulo-container p {
padding-top: 30px;
max-width: 390px;
font-size: 18px;
font-weight: 100;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
section.secao-workshops {
padding: 100px 0;
background: #eff8e8;
}
section.secao-workshops .casulo-container h2 {
font-size: 36px;
font-weight: 700;
line-height: 44px;
color: #84bd00;
font-family: "Museo Cyrl";
text-align: center;
}
section.secao-workshops .casulo-container .listagem-workshops {
padding-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
row-gap: 50px;
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop {
display: flex;
gap: 10px;
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop .left-workshop img {
width: 120px;
height: 120px;
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop .right-workshop {
max-width: 230px;
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop .right-workshop h3 {
font-size: 26px;
font-weight: 700;
letter-spacing: 0px;
line-height: 26px;
color: #1e2027;
font-family: "Museo Cyrl";
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop .right-workshop p {
padding-top: 10px;
font-size: 16px;
font-weight: 300;
letter-spacing: 0px;
line-height: 22px;
color: #1e2027;
font-family: "Museo Sans";
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop .right-workshop a {
margin-top: 10px;
display: flex;
justify-content: center;
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop .right-workshop a svg.seta-color {
margin-left: 95px;
transition: all 0.3s;
filter: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(511%) hue-rotate(36deg) brightness(99%) contrast(101%);
}
section.secao-workshops .casulo-container .listagem-workshops .item-workshop .right-workshop a:hover svg {
transform: translateX(10px);
}
section.banner-workshop {
background-image: url("assets/images/bg-workshop-banner-interna.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
padding: 173px 0 95px;
}
section.banner-workshop .content-banner {
width: 1060px;
display: flex;
justify-content: space-between;
}
section.banner-workshop .content-banner .left-banner-workshop {
width: 65%;
}
section.banner-workshop .content-banner .left-banner-workshop .title-workshop {
display: flex;
gap: 20px;
width: 100%;
}
section.banner-workshop .content-banner .left-banner-workshop .title-workshop .left-title-workshop {
width: 120px;
height: 120px;
display: contents;
}
section.banner-workshop .content-banner .left-banner-workshop .title-workshop .left-title-workshop img {
width: 120px;
height: 120px;
}
section.banner-workshop .content-banner .left-banner-workshop .title-workshop .right-title-workshop {
display: flex;
flex-direction: column;
}
section.banner-workshop .content-banner .left-banner-workshop .title-workshop .right-title-workshop h1 {
font-size: 50px;
font-weight: 700;
line-height: 48px;
color: #ffffff;
font-family: "Museo Cyrl";
}
section.banner-workshop .content-banner .left-banner-workshop .title-workshop .right-title-workshop h2 {
padding-top: 32px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0px;
line-height: 24px;
color: #84bd00;
font-family: "Museo Sans";
}
section.banner-workshop .content-banner .right-banner-workshop {
width: 58%;
display: flex;
flex-direction: column;
justify-content: end;
}
section.banner-workshop .content-banner .right-banner-workshop p {
font-size: 18px;
font-weight: 100;
letter-spacing: 0px;
line-height: 22px;
color: #ffffff;
font-family: "Museo Sans";
}
section.workshop-content {
padding: 100px;
}
section.workshop-content .casulo-container {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
section.workshop-content .casulo-container .left-workshop {
width: 50%;
}
section.workshop-content .casulo-container .left-workshop p {
max-width: 487px;
font-size: 18px;
font-weight: 100;
letter-spacing: 0px;
color: #000000;
font-family: "Museo Sans";
}
section.workshop-content .casulo-container .left-workshop a {
margin-top: 40px;
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
line-height: 18px;
color: #000000;
font-family: "Museo Sans";
}
section.workshop-content .casulo-container .left-workshop a svg.seta-color {
transition: all 0.3s ease;
filter: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(511%) hue-rotate(36deg) brightness(99%) contrast(101%);
}
section.workshop-content .casulo-container .left-workshop a:hover svg {
transform: translateX(-10px);
}
section.workshop-content .casulo-container .right-workshop {
width: 50%;
width: 50%;
display: flex;
justify-content: right;
}
section.workshop-content .casulo-container .right-workshop .container-itens-workshop {
max-width: 358px;
}
section.workshop-content .casulo-container .right-workshop .container-itens-workshop h3 {
font-size: 20px;
font-weight: 900;
letter-spacing: 0px;
line-height: 18px;
color: #84bd00;
font-family: "Museo Sans";
}
section.workshop-content .casulo-container .right-workshop .container-itens-workshop .itens-conteudo {
padding-top: 50px;
display: flex;
flex-direction: column;
gap: 20px;
}
section.workshop-content .casulo-container .right-workshop .container-itens-workshop .itens-conteudo .item-conteudo {
display: flex;
align-items: start;
gap: 10px;
}
section.workshop-content .casulo-container .right-workshop .container-itens-workshop .itens-conteudo .item-conteudo .left-item-workshop svg {
width: 8px;
height: 8px;
}
section.workshop-content .casulo-container .right-workshop .container-itens-workshop .itens-conteudo .item-conteudo .right-item-workshop p {
font-size: 18px;
font-weight: 500;
letter-spacing: 0px;
line-height: 18px;
color: #000000;
font-family: "Museo Sans";
}
.post-navigation {
margin-top: 40px;
display: flex;
justify-content: space-between;
gap: 20px;
}
.post-navigation .nav-btn {
background: #f1faee;
color: #82BF34;
font-family: "Museo Sans", sans-serif;
font-size: 20px;
font-weight: 400;
border-radius: 25px;
padding: 9px 27px;
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
border: none;
transition: background 0.2s, color 0.2s;
}
.post-navigation .nav-btn svg {
display: inline;
}
.post-navigation .nav-btn:hover {
background: #e8f8e8;
color: #5fae1f;
}
section.blog-banner {
background-image: url("assets/images/bg-blog.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 173px 0 100px;
}
section.blog-banner h1 {
max-width: 355px;
color: #FFF;
font-family: "Museo Cyrl";
font-size: 52px;
font-style: normal;
font-weight: 500;
line-height: 50px;
}
section.blog-banner h2 {
padding-top: 28px;
color: #FFF;
font-family: "Museo Sans";
font-size: 18px;
font-style: normal;
font-weight: 100;
line-height: 24px;
letter-spacing: -0.089px;
}
section.blog-content {
padding: 100px 0;
}
section.blog-content .casulo-container {
display: flex;
gap: 54px;
}
section.blog-content .casulo-container .left-blog {
width: 68%;
display: flex;
flex-direction: column;
gap: 47px;
}
section.blog-content .casulo-container .left-blog .item-post {
display: flex;
gap: 30px;
}
section.blog-content .casulo-container .left-blog .item-post .left-item-post .post-date {
background: #ECF8E8;
width: 70px;
padding: 13px 0;
display: flex;
gap: 10px;
flex-direction: column;
align-items: center;
}
section.blog-content .casulo-container .left-blog .item-post .left-item-post .post-date .post-month {
color: rgba(0, 0, 0, 0.4);
font-family: "Museo Sans";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.098px;
}
section.blog-content .casulo-container .left-blog .item-post .left-item-post .post-date .post-day {
color: #84bd00;
font-family: "Museo Sans";
font-size: 38px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.312px;
}
section.blog-content .casulo-container .left-blog .item-post .left-item-post .post-date .date-separator {
content: "";
display: block;
background: #82BF34;
width: 47px;
height: 1px;
}
section.blog-content .casulo-container .left-blog .item-post .left-item-post .post-date .post-comments {
display: flex;
align-items: center;
gap: 6px;
color: #C9C9C9;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.079px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post {
max-width: 587px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post a {
color: #000;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.079px;
transition: all 0.3s;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post a:hover {
color: #84bd00;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post a.thumb-post {
margin-top: 0px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-thumbnail img {
width: 587px;
height: 330px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post h2.post-title {
padding-top: 25px;
color: #84bd00;
font-family: "Museo Cyrl";
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.123px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-author {
padding-top: 20px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-author p {
display: flex;
align-items: center;
gap: 6px;
color: #000;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 100;
line-height: 18px;
letter-spacing: -0.079px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-author p img {
border-radius: 50%;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-author p span {
font-weight: 500;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-excerpt {
padding-top: 15px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-excerpt p {
color: #000;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 100;
line-height: 19.2px;
letter-spacing: -0.079px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-content {
margin-top: 15px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post .post-content p {
font-size: 16px;
letter-spacing: 0px;
font-weight: 100;
color: #000000;
font-family: "Museo Sans";
margin-bottom: 16px;
line-height: 1.4em;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post a:has(svg) {
margin-top: 40px;
display: flex;
gap: 10px;
align-items: center;
color: #000;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: -0.079px;
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post a:has(svg) svg.seta-color {
transition: all 0.3s;
filter: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(511%) hue-rotate(36deg) brightness(99%) contrast(101%);
}
section.blog-content .casulo-container .left-blog .item-post .right-item-post a:has(svg):hover svg {
transform: translateX(5px);
}
section.blog-content .casulo-container .left-blog .pagination .prev-page a,
section.blog-content .casulo-container .left-blog .pagination .next-page a {
background: #E8F8E8;
padding: 9px 27px;
border-radius: 25px;
display: flex;
align-items: center;
gap: 4px;
color: #84bd00;
font-family: "Museo Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.079px;
}
section.blog-content .casulo-container .left-blog .pagination .prev-page a svg {
transition: all 0.3s;
}
section.blog-content .casulo-container .left-blog .pagination .prev-page a:hover svg {
transform: translateX(-5px);
}
section.blog-content .casulo-container .left-blog .pagination .next-page a svg {
transition: all 0.3s;
}
section.blog-content .casulo-container .left-blog .pagination .next-page a:hover svg {
transform: translateX(5px);
}
section.blog-content .casulo-container .left-blog .post-divider {
border: 0;
border-bottom: 1px solid #000;
opacity: 0.149;
width: 100%;
max-width: 587px;
margin-left: auto;
margin-right: 0;
}
section.blog-content .casulo-container .right-blog {
width: 28%;
}
section.blog-content .casulo-container .right-blog .barra-pesquisa form {
display: flex;
gap: 13px;
}
section.blog-content .casulo-container .right-blog .barra-pesquisa form input {
padding: 5px 10px;
color: #000;
font-family: "Museo Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
border: 1px solid #C9C9C9;
}
section.blog-content .casulo-container .right-blog .barra-pesquisa form button.search-submit {
background: none;
border: none;
padding: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
section.blog-content .casulo-container .right-blog .list-categoria h2 {
margin-top: 60PX;
color: #84bd00;
font-family: "Museo Sans";
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 18px;
letter-spacing: -0.098px;
}
section.blog-content .casulo-container .right-blog .list-categoria ul {
margin-top: 45px;
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 15px;
}
section.blog-content .casulo-container .right-blog .list-categoria ul li {
list-style: disc;
}
section.blog-content .casulo-container .right-blog .list-categoria ul li a {
color: #000;
font-family: "Museo Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: -0.089px;
text-decoration: none;
}
section.blog-content .casulo-container .right-blog .list-categoria ul li::marker {
color: #8cc63f;
}
section.processo-criacao {
padding: 173px 0 100px;
background: #24252b;
}
section.processo-criacao .title-processo h1 {
font-size: 52px;
font-weight: 700;
line-height: 50px;
color: #ffffff;
font-family: "Museo Cyrl";
}
section.processo-criacao .title-processo h2 {
padding-top: 20px;
font-size: 20px;
font-weight: 100;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
section.processo-criacao .content-processo {
display: flex;
padding-top: 50px;
}
section.processo-criacao .content-processo .left-processo {
width: 50%;
padding-top: 60px;
}
section.processo-criacao .content-processo .left-processo h3 {
padding-left: 75px;
font-size: 18px;
font-weight: 900;
letter-spacing: 0px;
line-height: 24px;
color: #84bd00;
font-family: "Museo Sans";
}
section.processo-criacao .content-processo .left-processo .etapas-processo {
display: flex;
flex-direction: column;
gap: 42px;
padding: 56px 0 0 0;
}
section.processo-criacao .content-processo .left-processo .etapas-processo .etapa {
display: flex;
gap: 21px;
}
section.processo-criacao .content-processo .left-processo .etapas-processo .etapa .left-etapa {
width: 54px;
display: contents;
}
section.processo-criacao .content-processo .left-processo .etapas-processo .etapa .left-etapa img {
width: 54px;
height: 53px;
}
section.processo-criacao .content-processo .left-processo .etapas-processo .etapa .right-etapa {
width: 355px;
}
section.processo-criacao .content-processo .left-processo .etapas-processo .etapa .right-etapa h2 {
font-size: 18px;
font-weight: 900;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
section.processo-criacao .content-processo .left-processo .etapas-processo .etapa .right-etapa p {
padding-top: 8px;
font-size: 16px;
font-weight: 100;
letter-spacing: 0px;
line-height: 21px;
color: #ffffff;
font-family: "Museo Sans";
}
section.processo-criacao .content-processo .left-processo a {
width: -moz-max-content;
width: max-content;
margin-left: 75px;
margin-top: 65px;
display: flex;
gap: 8px;
align-items: center;
font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
line-height: 18px;
color: #cfd7e1;
font-family: "Museo Sans";
}
section.processo-criacao .content-processo .left-processo a svg.seta-color {
transition: all 0.3s;
filter: brightness(0) saturate(100%) invert(54%) sepia(88%) saturate(511%) hue-rotate(36deg) brightness(99%) contrast(101%);
}
section.processo-criacao .content-processo .left-processo a:hover svg {
transform: translateX(-5px);
}
section.processo-criacao .content-processo .right-processo {
width: 50%;
}
section.politica-de-privacidade {
padding: 173px 0 100px;
background: #24252b;
}
@media (max-width: 480px) {
section.politica-de-privacidade {
padding: 100px 0;
}
}
section.politica-de-privacidade .casulo-container {
padding: 0 20px;
}
section.politica-de-privacidade .casulo-container h1 {
font-size: 52px;
font-weight: 700;
line-height: 50px;
color: #ffffff;
font-family: "Museo Cyrl";
}
@media (max-width: 480px) {
section.politica-de-privacidade .casulo-container h1 {
font-size: 32px;
width: 185px;
}
}
section.politica-de-privacidade .casulo-container h2 {
font-size: 18px;
font-weight: 900;
letter-spacing: 0px;
line-height: 24px;
color: #84bd00;
font-family: "Museo Sans";
}
section.politica-de-privacidade .casulo-container p {
margin-top: 15px;
font-size: 16px;
font-weight: 100;
letter-spacing: 0px;
line-height: 21px;
color: #ffffff;
font-family: "Museo Sans";
}
section.politica-de-privacidade .casulo-container strong {
font-weight: 900;
}
section.politica-de-privacidade .casulo-container hr {
margin: 20px 0;
}
section.politica-de-privacidade .casulo-container ul {
padding-left: 30px;
list-style: initial;
}
section.politica-de-privacidade .casulo-container ul li {
list-style: initial;
margin-top: 10px;
font-size: 16px;
font-weight: 100;
letter-spacing: 0px;
line-height: 21px;
color: #ffffff;
font-family: "Museo Sans";
}
section.politica-de-privacidade .casulo-container ul li p {
padding: 0;
}
body.page-id-7397 .cta-especialista {
display: none;
}
@media (max-width: 768px) {
body.page-id-7397 .rodape {
display: none;
}
}
section.contato-casulo {
padding: 173px 0 157px;
background-image: url("assets/images/bg-contato.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 768px) {
section.contato-casulo {
padding: 150px 0 100px;
background-image: url("assets/images/bg-contato-mobile.webp");
background-size: contain;
background-position: top;
background-color: #24252B;
}
}
@media (max-width: 480px) {
section.contato-casulo {
padding: 45px 0 100px;
}
}
section.contato-casulo .casulo-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container {
padding: 0 20px;
}
}
section.contato-casulo .casulo-container .left-contato {
width: 40%;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .left-contato {
width: 100%;
}
}
section.contato-casulo .casulo-container .left-contato h1 {
max-width: 348px;
font-size: 56px;
font-weight: 700;
letter-spacing: -1px;
line-height: 52px;
color: #ffffff;
font-family: "Museo Cyrl";
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .left-contato h1 {
max-width: 310px;
color: #FFF;
font-family: "Museo Cyrl";
font-size: 34.733px;
font-style: normal;
font-weight: 700;
line-height: 39.798px;
letter-spacing: -0.034px;
}
}
section.contato-casulo .casulo-container .left-contato h2 {
padding-top: 35px;
max-width: 260px;
font-size: 18px;
font-weight: 100;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .left-contato h2 {
padding-top: 13px;
max-width: 200px;
color: #FFF;
font-family: "Museo Sans";
font-size: 14.472px;
font-style: normal;
font-weight: 100;
line-height: 15.919px;
letter-spacing: -0.353px;
}
}
section.contato-casulo .casulo-container .right-contato {
width: 57%;
max-width: 575PX;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato {
width: 100%;
padding-top: 50px;
}
}
section.contato-casulo .casulo-container .right-contato form {
display: flex;
flex-direction: column;
gap: 40px;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form {
gap: 16px;
}
}
section.contato-casulo .casulo-container .right-contato form label {
font-size: 14px;
font-weight: 700;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form label {
color: #FFF;
font-family: "Museo Sans";
font-size: 11.578px;
font-style: normal;
font-weight: 400;
line-height: 13.025px;
letter-spacing: -0.181px;
}
}
section.contato-casulo .casulo-container .right-contato form input,
section.contato-casulo .casulo-container .right-contato form select {
height: 38px;
}
section.contato-casulo .casulo-container .right-contato form input,
section.contato-casulo .casulo-container .right-contato form select,
section.contato-casulo .casulo-container .right-contato form textarea {
opacity: 0.8;
background-color: #212123;
border: 1px solid #3e619f;
padding: 10px;
margin-top: 4px;
}
section.contato-casulo .casulo-container .right-contato form .form-row {
display: flex;
width: 100%;
justify-content: space-between;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form .form-row {
flex-wrap: wrap;
gap: 16px;
}
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-col {
width: 278px;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form .form-row .form-col {
width: 100%;
}
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-col p span input {
font-size: 14px;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
width: 100%;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form .form-row .form-col p span input {
color: #FFF;
font-family: "Museo Sans";
font-size: 11.578px;
font-style: normal;
font-weight: 400;
line-height: 13.025px;
letter-spacing: -0.339px;
}
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-col p span select {
font-size: 14px;
letter-spacing: 0px;
line-height: 15px;
color: #a7a7a9;
font-family: "Museo Sans";
width: 100%;
padding-right: 2rem;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-image: url("assets/images/seta-select.svg");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 1rem auto;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form .form-row .form-col p span select {
color: #FFF;
font-family: "Museo Sans";
font-size: 11.578px;
font-style: normal;
font-weight: 400;
line-height: 13.025px;
letter-spacing: -0.317px;
}
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full {
width: 100%;
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span input {
width: 100%;
font-size: 14px;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span .wpcf7-radio .wpcf7-list-item label {
padding-top: 15px;
position: relative;
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
color: #ccc;
cursor: pointer;
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span .wpcf7-radio .wpcf7-list-item label input[type=radio] {
display: none;
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span .wpcf7-radio .wpcf7-list-item label input[type=radio]:checked + .wpcf7-list-item-label::before {
background-color: #7e7f83;
box-shadow: inset 0 0 0 4px #111;
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
position: relative;
padding-left: 28px;
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span .wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
border: 1.2px solid #3e619f;
background-color: #111;
border-radius: 50%;
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span textarea {
resize: none;
font-size: 14px;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-family: "Museo Sans";
width: 100%;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p span textarea {
color: #FFF;
font-family: "Museo Sans";
font-size: 11.578px;
font-style: normal;
font-weight: 400;
line-height: 13.025px;
letter-spacing: -0.317px;
}
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p input.wpcf7-submit {
border-radius: 22px;
border: 4px solid #e9ffcb;
background: linear-gradient(180deg, #b7e178 0%, #67b800 100%);
font-size: 18px;
font-weight: 900;
letter-spacing: 0px;
color: #0d1829;
font-family: "Museo Cyrl";
text-align: center;
height: 45px;
line-height: 100%;
width: 144px;
cursor: pointer;
transition: all 0.3s;
}
@media (max-width: 768px) {
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p input.wpcf7-submit {
width: auto;
height: auto;
padding: 5px 30px;
color: #0D1729;
font-family: "Museo Cyrl";
font-size: 13.025px;
font-style: normal;
font-weight: 900;
line-height: 15.196px;
letter-spacing: 0.611px;
}
}
section.contato-casulo .casulo-container .right-contato form .form-row .form-full p input.wpcf7-submit:hover {
transform: scale(1.1);
}
section.contato-casulo .casulo-container .right-contato form .wpcf7-response-output {
display: none;
}
section.contato-casulo .casulo-container .right-contato form .meu-output {
color: #FFF;
font-family: "Museo Sans";
font-size: 14.472px;
font-style: normal;
font-weight: 100;
line-height: 15.919px;
letter-spacing: -0.353px;
text-align: center;
}
section.contato-casulo .casulo-container .right-contato form .meu-output .msg-sucesso {
padding-top: 13px;
color: #FFF;
font-family: "Museo Sans";
font-size: 14.472px;
font-style: normal;
font-weight: 100;
line-height: 15.919px;
letter-spacing: -0.353px;
text-align: center;
}
section.contato-casulo .casulo-container .right-contato form .meu-output .msg-sucesso strong {
color: #FFF;
font-family: "Museo Cyrl";
font-size: 34.733px;
font-style: normal;
font-weight: 700;
line-height: 39.798px;
letter-spacing: -0.034px;
}