/* Reset css */
* { margin:0; padding:0 }
img { border:none }
fieldset { border:none }
a { outline:none; text-decoration:none !important}
a:hover { text-decoration:none !important}
ul li, ol li { list-style-type:none }
address { font-style:normal; display:block }
h1, h2, h3, h4, h5, h6{ padding:0; margin:0; font-size:inherit; font-weight:normal }
textarea{font-family:inherit; font-size:inherit; overflow:auto}
input[type="search"] {
    -webkit-appearance: textfield;
}
/* fim reset */
* {
    box-sizing: border-box;
}
.smartlabel input,
.smartlabel textarea{
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.smartlabel label{
    position: absolute;
    top: 18px;
    left: 30px;
    font-size: 13px;
    color: #999;
    cursor: text;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
    z-index: 2
}
.smartlabel .active input,
.smartlabel .active textarea{
    padding-left: 15px;
}
.smartlabel .active label,
.smartlabel .wrapper-fixedlabel label{
    top: -9px;
    left: 30px;
    font-size: 14px;
    color: #a42648;
    font-weight: 600;
    background-color: #fff !important;
    padding: 0 5px;
    z-index: 2
}
.smartlabel .wrapper-fixedlabel{position: relative;}
.whatsapp-plug-icon{position: fixed;z-index: 1000;bottom: 20px;right: 20px;width: 50px;height: 50px; -webkit-border-radius: 50%;cursor: pointer;background-color: #0ba360;transition: .3s;background-position: center;background-repeat: no-repeat;
  background-image: url({% static 'images/whatsplug.svg' %});background-size: 50% auto;}
.whatsapp-plug-icon::after,
.whatsapp-plug-icon::before{content:' ';position: absolute;opacity: 0;border: 4px solid #0ba360;left: -10px;top: -10px;right: -10px;bottom: -10px;-webkit-border-radius: 50%;animation: WaveWhatsApp 1.5s ease infinite;}
.whatsapp-plug-icon::after{animation-delay: .5s;}
.whatsapp-plug-icon:hover{background-color: #15cc74;}
.whatsapp-plug-icon:hover::before{border: 4px solid #15cc74;}
.whatsapp-plug-icon:hover::after{border: 4px solid #15cc74;}
@keyframes WaveWhatsApp{
    0%  {transform:scale(.5)}
    50% {opacity:1}
    100%{transform:scale(1.2);opacity:0}
}
body{
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    color:#666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
}
.botao{font-size:1px; text-indent:-9999px; display:block;}
.clear{clear:both;}
.clearfix::after{content: " ";display: table;clear: both;}
input[type="checkbox"]:focus{outline:0;}
input:focus {outline:none;}
button:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none;}
/* efeito transicao */
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.gradient_red{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#990012+0,890010+31,7a000e+54,6b000c+76,5b000a+100 */
background: linear-gradient(to bottom,  #990012 0%,#890010 31%,#7a000e 54%,#6b000c 76%,#5b000a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.gradient_gray{background: rgba(239,239,238,1);
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,1) 56%, rgba(215,215,215,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,238,1)), color-stop(56%, rgba(239,239,238,1)), color-stop(100%, rgba(215,215,215,1)));
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,1) 56%, rgba(215,215,215,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,1) 56%, rgba(215,215,215,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,1) 56%, rgba(215,215,215,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%, rgba(239,239,238,1) 56%, rgba(215,215,215,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#d7d7d7', GradientType=0 );}
.fadeIn {
-webkit-animation: fadeIn 0.7s ease-in-out;
-moz-animation: fadeIn 0.7s ease-in-out;
-o-animation: fadeIn 0.7s ease-in-out;
animation: fadeIn 0.7s ease-in-out;
}
#pop-fundo2{width:100%; height:150%; position:fixed; z-index:100; background-color:#000; opacity:0.8; filter:alpha(opacity=60);-webkit-transition:all 0.3s ease-out;transition: all 0.3s ease-out;display:none}
#pop-fundo2::before{content: "‹";display: block;position: absolute;top: 70px;left: 290px;color: #fff;font-weight: bold;font-size: 40px;line-height: 44px; opacity: 1;}
#swipeboxshield{display: block;width: 100%;height: 50px;position: fixed;top: 0;right: 0;z-index: 2000;}
.wrapper-input{min-height: 70px;position: relative;margin:0 0 0 0;}
.wrapper-input.label,
.haslabel .wrapper-input{min-height: 74px;}
.wrapper-input::after{content: " ";display: table;clear: both;}
.wrapper-input label{color: #000;line-height: 18px;font-weight: 500;}
.wrapper-input.one{float: left; width: 100%;text-align: left;padding: 0 10px;}
.wrapper-input.half{float: left; width: 50%;text-align: left;padding: 0 10px;}
.wrapper-input.third{float: left;width: calc(100%/3);text-align: left;padding: 0 10px;}
.wrapper-input.fill{float: left;width: 100%;clear: both;padding: 0 10px;}
.wrapper-input.textarea{width: 100%;min-height: 112px;}
.wrapper-input .half{width: 47%;display: inline-block;vertical-align: top;}
.wrapper-input .half:last-child{float: right;}
.errorlist{color:red;margin:0 0 10px 0;}
.texto{width: 100%;word-break: break-word;}
.texto p{font-size:15px;line-height: 23px;margin:0 0 20px 0;}
.texto img{max-width: 100%;height:auto !important;}
.texto iframe{max-width: 100%;}
.texto ul,
.texto ol{padding-left: 25px;margin:0 0 15px 0}
.texto ul li,
.texto ol li{list-style-type: square;font-size: 15px;line-height:22px;margin-bottom: 10px;}
.texto{width: 100%;word-break: break-word;}
.texto h2 {font-size:15px;line-height: 23px;margin:0 0 20px 0;font-weight: bold}
.texto h3 {font-size:15px;line-height: 23px;margin:0 0 20px 0;font-weight: bold}
.texto h4 {font-size:15px;line-height: 23px;margin:0 0 20px 0;font-weight: bold}
.texto a:hover{text-decoration: none !important;opacity: 0.5}

.buscador-form{margin-bottom:30px;position:relative;max-width:1000px;overflow: hidden;width: 100%;margin:0 auto 0 auto ;padding: 0 0;box-sizing: border-box;}
.buscador-form .wrapper-input .input-busca{width: auto;border: 1px solid #ddd;padding: 15px;box-sizing: border-box;font-size: 15px;color: #666;width: 100%;}

.buscador-form .botao-busca{position: absolute;
  top: 0;
  overflow: hidden;
  text-indent: -999px;
  width: 50px;
  height: 48.5px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 900;
  padding: 10px 20px;
  background: url(../images/icon-lupa.svg) no-repeat center center;
  background-size: 25px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  border: none;
  right: 0;background-color:#a42648;cursor: pointer;}

 .buscador-form .botao-busca:hover{background-color: #1b2327;color: #fff;text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.texto-buscado{margin-bottom:45px !important}
.texto-buscado p{text-align: center;}

.paginacao{margin:65px auto 50px auto;text-align: center;}
.paginacao li{min-width: 34px;height: 34px;display: inline-block;vertical-align: middle; text-align: center;margin: 0 2px;}
.paginacao li a{color:#a42648;font-size:14px;line-height: 34px;}
.paginacao li a:hover{font-size:14px;color:#620b20;line-height:34px;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.paginacao li a.bt-pag{font-size:14px;color:#fff;line-height:34px;background-color:#a42648;margin:0 2px 0 0;display:block;width: 100%;height: 100%;border-radius: 5px;}
.paginacao li a.bt-pag:hover{font-size:14px;color:#fff;line-height:34px;background-color:#620b20;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.paginacao li a.active{font-size:14px;color:#fff;line-height:34px;background-color:#620b20;text-decoration:none;}
.sucesso{margin:100px 0;font-size: 18px;color:#0caf4d;font-size: 18px;line-height: 25px;text-align: center}
.color_menu{background-color:#100f12;-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;padding:15px 0 !important;}
.home header{width:100%;position:fixed;z-index:99;padding:30px 0 30px 0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.internas header{width:100%;position:fixed;z-index:99;padding:30px 0 30px 0;background-color: #1b2327;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
header .logo{width:191px;height: 65px;background: url(../images/logo.svg) no-repeat left top;float: left;}
header .logo a{width:100%;height:100%;}
header .menu{width:900px;float:right;padding:20px 0 0 0;text-align: right;}
header .menu a{font-size: 16px;color:#ffffff;margin:0 30px 0 0;font-weight: 500;position: relative;}
header .menu a::after{width:0;bottom:-10px;left: 0;height: 2px;background-color:#a42648;content: '';position: absolute;}
header .menu a:hover{color:#a42648;text-decoration:none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
header .menu a:hover::after{width: 100%;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
header .menu a:last-child{margin:0 0 0 0;}
header .menu .active{color:#a42648;}
header .menu .active::after{width:100%}
header .menu .orc{border-radius: 50px;border:2px solid #a42648;padding:7px 20px;background-color: #a42648;color:#fff;text-align: center;}
header .menu .orc:hover{color:#fff;background-color: #921130;border:2px solid #921130}
header .menu .orc::after{display: none !important;}
header .menu .orc .text{display: inline-block;margin: 0 10px 0 0;font-size: 16px;line-height: 16px}
header .menu .orc .icon{width:15px;display: inline-block;vertical-align: middle;background-size: 15px !important;}



.testimonials-google-btn {
    text-align: center;
    margin-top: 30px;
    
}

.back-btn.google-btn {
    background: #ffffff;
    color: #0F1A45;
    border: 2px solid #e7e9ef;
    padding: 15px 35px;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.back-btn.google-btn svg {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.back-btn.google-btn:hover {

    border-color: #a42648;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(66, 133, 244, 0.3);
    text-decoration: none;
}

.back-btn.google-btn:hover svg path {
   
}


.gdpr-bar{
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(242, 242, 242, 0.9);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 16000161 !important;
    color: #000;
    padding: 12px;
    transition: .5s ease-in all;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.gdpr-bar .left{
    width: 70%;
    padding-left: 20px;
    font-size: 13px;line-height: 18px;font-weight: 500;
}
.gdpr-bar .right{
    width: 30%;
    text-align: left;margin: 0 0 0 10px;
}
.accept-btn2{background-color: #fff !important;line-height:12px;
    border: none;
    color: #212121;
    
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;margin: 0 10px 0 0;
    cursor: pointer;height: 31px}

.accept-btn{
    border: none;
    background-color: #212121;
    line-height:15px;
    border: none;
    color: #fff;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;height: 31px;
    
}

.accept-btn2:hover{
  text-decoration:none;
  background-color: #ccc !important; 
  color: #212112;
}
.accept-btn:hover{
  background-color: #ccc; 
  color: #212121;
  text-decoration:none;
}


.bloguer header .menu a.bloguer,.bloguer header .menu a.bloguer{color:#a42648;}
.bloguer header .menu a.bloguer::after,.bloguer header .menu a.bloguer::after{width:100%}


.home .destaque{width:100%;height:100vh;}
.home .destaque .item{width:100%;height: 100vh;background-size: cover !important;}
.home .destaque .item .miolo{width: 100%;text-align: center;max-width:100%;padding: 145px 15px 0 15px;margin:0 auto;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;height: 100%;}
.home .destaque .item .miolo h2{font-size: 27px;line-height: 32px;color:#fff;font-weight: 300;text-align: center;text-shadow: 0px 0px 5px rgba(0, 0, 0, .54);margin:0 0 10px 0;text-transform: uppercase;}
.home .destaque .item .miolo h3{font-size: 37px;line-height: 45px;color:#fff;font-weight: bold;text-align: center;text-shadow: 0px 0px 5px rgba(0, 0, 0, .54);text-transform: uppercase;}
.home .owl_effect{animation: 1s .7s fadeInUp both;}
.home .owl_effect2{animation: 1s .9s fadeInUp both;}
.home .owl_effect3{animation: 1s 1.1s fadeInUp both;}

.text-gradient {
background: #FF0000;
background: linear-gradient(to left, #FF0000 0%, #000000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.line{width: 100%;}
.line .bt2{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 13px 30px;width: auto;margin:0 auto 45px auto;display: block;text-align: center;display: inline-block;}
.line .bt2 .icon{display: inline-block;vertical-align: middle;max-width: 30px !important;max-height: 30px !important;}
.line .bt2 .text{font-size: 16px;text-transform: uppercase;font-weight: 600;color: #fff;display: inline-block;vertical-align: middle;margin: 0 0 0 10px}
.line .bt2:hover{background-color:#3a9136;border-color: #3a9136 !important;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}


.home .destaque .item .miolo .line{width: 100%;}
.home .destaque .item .miolo .line .bt1{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 13px 30px;width: auto;margin:45px auto;display: block;text-align: center;display: inline-block;}
.home .destaque .item .miolo .line .bt1 .icon{display: inline-block;vertical-align: middle;max-width: 30px;max-height: 30px;}
.home .destaque .item .miolo .line .bt1 .text{font-size: 16px;text-transform: uppercase;font-weight: 600;color: #fff;display: inline-block;vertical-align: middle;margin: 0 0 0 10px}
.home .destaque .item .miolo .line .bt1:hover{background-color:#3a9136;border-color: #3a9136 !important;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.conteudo{width: 100%;}
.home .conteudo .sobre{width: 100%;padding: 95px 0 95px 0;position: relative;}
.home .conteudo .sobre .title_mw7{font-size: 30px;color:#a42648;line-height: 40px;font-weight: bold;text-transform: uppercase;text-align: center;display: block;margin:0 0 10px 0}
.home .conteudo .sobre h1{font-size: 30px;font-weight: 300;color:#000;text-align: center;line-height: 40px;margin: 0 auto 45px auto;max-width: 900px;width: 100%;}
.home .conteudo .sobre h1 span{color:#000;font-weight: bold}
.home .conteudo .sobre .line{width: 100%;margin:0 0 0 0;}
.home .conteudo .sobre .line .left{float: left;width:564px;}
.home .conteudo .sobre .line .left p{font-size: 15px;text-align: right;margin:0 0 25px 0;line-height: 26px;font-weight: 300;color:#000}
.home .conteudo .sobre .line .right{float: right;width:564px;}
.home .conteudo .sobre .line .right p{font-size: 15px;text-align: left;margin:0 0 25px 0;line-height: 26px;font-weight: 300;color:#000}
.home .conteudo .sobre .tarja{background-color:#f5f5f5;padding:12px 40px;display: inline-block;text-align: center;color:#000;font-style: italic;font-size: 15px;display: block;margin:25px 0;font-weight: 100;line-height: 24px;box-shadow: 0 5px 20px rgb(61 61 70 / 10%);}

.home .conteudo .servicos{background-color:#a42648;width: 100%;padding: 70px 0 70px 0;position: relative;}
.home .conteudo .servicos h2{font-size: 35px;color:#fff;font-weight: 300;text-align:center;line-height: 35px}
.home .conteudo .servicos h2 span{font-size: 44px;font-weight: bold;color:#fff;line-height: 44px}
.home .conteudo .servicos .vitrine{width: 100%;padding:100px 0 0 0;text-align: center;}
.home .conteudo .servicos .vitrine .sep{width: 230px;vertical-align: top;display: inline-block;text-align: center;margin:0 80px 0 0}
.home .conteudo .servicos .vitrine .sep:nth-child(4n){margin: 0 0 0 0}
.home .conteudo .servicos .vitrine .sep figure{width:150px;height:150px;border:8px solid #fff;border-radius:50%;margin: 0 auto;display:block;}
.home .conteudo .servicos .vitrine .sep figure .centralizador{width:142px;height:142px;display: table-cell;vertical-align: middle;text-align: center;}
.home .conteudo .servicos .vitrine .sep figure .centralizador img{margin:0 auto;max-width:80px;width: auto;display: block}
.home .conteudo .servicos .vitrine .sep h3{font-size: 20px;font-weight: bold;color:#fff;text-align: center;margin:30px 0 20px 0;font-weight:600;line-height: 27px}
.home .conteudo .servicos .vitrine .sep p{height:180px;font-size: 14px;line-height: 25px;color:#fff;text-align: center;}
.home .conteudo .servicos .vitrine a.sep,.home .conteudo .servicos .vitrine a.sep:hover{text-decoration:none !important;color:#fff;}
.home .conteudo .servicos .owl-theme .owl-nav.disabled+.owl-dots{margin:45px 0 0 0 !important;}

.home .conteudo .diferenciais{width: 100%;padding: 70px 0 140px 0;position: relative;background-color:#100f12}
.home .conteudo .diferenciais h2{font-size: 35px;color:#fff;font-weight: 300;text-align:left;line-height: 35px;margin-bottom: 75px;padding: 0 0 0 0}
.home .conteudo .diferenciais h2 span{font-size: 44px;font-weight: bold;color:#fff;line-height: 44px}
.home .conteudo .diferenciais .vitrine{width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;justify-content:center;margin-bottom: 40px 0}
.home .conteudo .diferenciais .vitrine .sep{width: 270px;vertical-align: top;background-color: #1d1c21;margin:0 25px 25px 0;padding:30px 20px;box-sizing: border-box;-webkit-box-shadow: -2px 0px 20px 0px rgba(0,0,NaN,1);
-moz-box-shadow: -2px 0px 20px 0px rgba(0,0,NaN,1);
box-shadow: -2px 0px 20px 0px rgba(0,0,NaN,1);}
.home .conteudo .diferenciais .vitrine .sep:nth-child(4n){margin: 0 0 25px 0}
.home .conteudo .diferenciais .vitrine .sep figure{width:70px;height:70px;display: block;}
.home .conteudo .diferenciais .vitrine .sep figure img{max-width: 100%;max-height: 45px;height: auto;width: auto;height: auto;display: block;}
.home .conteudo .diferenciais .vitrine .sep h3{font-size: 17px;font-weight: 600;color:#fff;line-height: 23px;display: block;margin-bottom:10px}
.home .conteudo .diferenciais .vitrine .sep p{font-size: 15px;color:#fff;font-weight: 300;line-height: 24px}
.home .conteudo .diferenciais .line{text-align: center;}
.home .conteudo .diferenciais .bt1{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 13px 30px;width: auto;margin:45px auto;display: block;text-align: center;display: inline-block;}
.home .conteudo .diferenciais .bt1 .icon{display: inline-block;vertical-align: middle;max-width: 30px;max-height: 30px;}
.home .conteudo .diferenciais .bt1 .text{font-size: 16px;text-transform: uppercase;font-weight: 600;color: #fff;display: inline-block;vertical-align: middle;margin: 0 0 0 10px}
.home .conteudo .diferenciais .bt1:hover{background-color:#3a9136;border-color: #3a9136 !important;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}


.conteudo .trabalhos{width: 100%;max-width: 1230px;margin:-44px auto 0 auto;border-top:44px solid #f5f5f5;position: relative;z-index: 3;padding: 44px 0 44px 0;background-color: #fff;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);display: block;
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);}
.conteudo .trabalhos h2{font-size: 35px;color:#000;font-weight: 300;text-align:center;line-height: 35px}
.conteudo .trabalhos h2 span{font-size: 44px;font-weight: bold;color:#000;line-height: 44px}
.conteudo .trabalhos .vitrine{width:100%;margin:100px 0 70px 0;}
.conteudo .trabalhos .vitrine .sep{width:370px;display: inline-block;position: relative;overflow:hidden;margin:0 25px 30px 0;border-radius: 15px;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.11);-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.11);box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.11);padding: 5px;}
.conteudo .trabalhos .vitrine .sep:nth-child(3n){margin:0 0 30px 0;}
.conteudo .trabalhos .vitrine .sep img{width:100%;height:auto;display:block;z-index: 1;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;border-radius: 12px}
.conteudo .trabalhos .vitrine .sep .retina{width: 100%;position: absolute;z-index: 2;background-color:rgba(0,0,0,0.3);opacity: 1;height: 100%;top:0;left:0;display: none;padding: 110px 35px 0 0;box-sizing: border-box;}
.conteudo .trabalhos .vitrine .sep:hover .retina{display: block;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.conteudo .trabalhos .vitrine .sep:hover img{transform: scale(1.1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.conteudo .trabalhos .vitrine .sep:hover .retina h3{font-size:18px;font-weight: 600;color:#fff;line-height: 25px;text-align: right;margin:0 0 5px 0;animation: 0.7s .1s fadeInUp both;text-shadow: 0px 0px 5px rgba(0, 0, 0, .54);}
.conteudo .trabalhos .vitrine .sep:hover .retina p{font-size:15px;font-weight: 400;color:#fff;line-height: 17px;text-align: right;margin:0 0 7px 0;animation: 0.7s .1s fadeInUp both;text-shadow: 0px 0px 5px rgba(0, 0, 0, .54);}
.conteudo .trabalhos .vitrine .sep:hover{-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);}
.conteudo .blog{width: 100%;padding:115px 0 15px 0;margin:-108px 0 0 0;position: relative;z-index: 1}
.conteudo .blog h2{font-size: 35px;color:#000;font-weight: 300;text-align:left;line-height: 35px;margin-bottom: 75px;padding: 65px 0 0 0}
.conteudo .blog h2 span{font-size: 44px;font-weight: bold;color:#000;line-height: 44px}
.conteudo .blog .vitrine{width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center}
.conteudo .blog .vitrine .sep{width: 370px;margin:0 25px 0 0;background-color: #fff;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);overflow: hidden;
    border-radius: 15px;position: relative;padding: 10px;box-sizing: border-box;}
.conteudo .blog .vitrine .sep:nth-child(3n){margin:0;}
.conteudo .blog .vitrine .sep .category{position: absolute;bottom: 0;border-radius: 10px 10px 0 0;font-size: 14px;color:#000;text-align: center;padding:5px 20px;left:15px;background-color:#fff}
.conteudo .blog .vitrine .sep .thumb{max-width: 370px;height:218px;overflow: hidden;border-radius: 10px 10px 0 0}
.conteudo .blog .vitrine .sep .thumb img{width: 100%;height: auto;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;object-fit: cover}
.conteudo .blog .vitrine .sep:hover{text-decoration:none;}
.conteudo .blog .vitrine .sep:hover .thumb img{transform: scale(1.1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.conteudo .blog .vitrine .sep .box_text{width: 100%;padding: 25px 15px;box-sizing: border-box;text-align: left;}
.conteudo .blog .vitrine .sep .box_text .data{display: inline-block;margin: 0 20px 10px 0}
.conteudo .blog .vitrine .sep .box_text .data .text{font-size: 14px;color:#000;font-weight: 400;display: inline-block;vertical-align: middle;}
.conteudo .blog .vitrine .sep .box_text .data .icon{margin:0 7px 0 0;background-size: 20px;width: 15px;height: auto;display:inline-block;vertical-align: middle;}
.conteudo .blog .vitrine .sep .box_text h3{color:#000;font-size: 18px;line-height: 25px;font-weight: 500;margin-bottom: 20px;height:auto;overflow: hidden;padding: 0}
.conteudo .blog .vitrine .sep .box_text p{color:#000;font-size: 15px;line-height: 23px;margin:0 0 65px 0;height:auto;font-weight: 300}
.conteudo .blog .vitrine .sep .box_text .bt_leia{font-size:15px;color:#a42648;line-height: 15px;display: block;font-weight: 500;position: absolute;bottom:25px}
.conteudo .blog .vitrine .sep .box_text .bt_leia span{margin:0 7px 0 0;font-weight: 500;position: relative;top: 2px;font-size: 17px}
.conteudo .blog .vitrine .sep:hover .box_text .bt_leia{color: #620b20;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.bt_posts{border-radius: 30px;border:2px solid #a42648;padding: 15px 0;width: 170px;font-size: 16px;font-weight: 600;color:#a42648;background-color: transparent;margin:70px auto;display: block;text-align: center;}
.bt_posts:hover{border:2px solid #a42648;text-decoration: none;color:#fff;background-color: #a42648;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.conteudo .orcamento{width: 100%;padding: 65px 0 85px 0}
.conteudo .orcamento h2{font-size: 35px;color:#a42648;font-weight: 300;text-align:center;line-height: 35px;margin-bottom: 35px}
.conteudo .orcamento h2 span{font-size: 44px;font-weight: bold;color:#a42648;line-height: 44px}
.conteudo .orcamento h3{font-size:20px;color:#000;line-height: 22px;text-align: center;margin:0 0 74px 0;font-weight: 300}
.conteudo .orcamento form{width:100%;}
.conteudo .orcamento form label{font-size: 15px;}
.conteudo .orcamento form input{width:100%;height:55px;border:1px solid #d4d4d4;border-radius: 30px;
  font-size: 15px;background-color:transparent;}
.conteudo .orcamento form textarea{width:100%;height:230px;border:1px solid #d4d4d4;border-radius: 30px;font-size: 15px;resize: none;overflow-y: auto;margin-bottom: 40px;padding: 15px;box-sizing: border-box;background-color:transparent;}
.conteudo .orcamento form button{padding: 20px 35px;box-sizing: border-box;background-color: #a42648;text-align: center;font-size: 15px;font-weight: 600;text-transform: uppercase;color:#fff;margin:0 auto 0 auto;display: block;border-radius: 50px;border:none;cursor: pointer; }
.conteudo .orcamento form button:hover{background-color: #620b20;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;text-decoration: none;}
.conteudo .orcamento form button .text{display: inline-block;vertical-align: middle;margin:0 0 0 15px}
.conteudo .orcamento form button .icon{background-size: 20px !important;width: 20px;display: inline-block;vertical-align: middle;}

.conteudo .contato{width:100%;background-color: #17161a;padding: 0 0 90px 0;position: relative;}
.conteudo .contato .left{max-width:100%;width:100%;padding: 60px 0 30px 0;float: left;}
.conteudo .contato .left h2{font-size: 30px;color:#fff;font-weight: 300;text-align:left;line-height: 35px;margin-bottom: 75px}
.conteudo .contato .left h2 span{font-size: 44px;font-weight: bold;color:#fff;line-height: 44px}
.conteudo .contato .left address{font-size: 18px;color:#fff;line-height: 20px;margin:0 0 15px 0;display: block;}
.conteudo .contato .left address span{position: relative;top:2px;margin-right: 10px;left:0;}
.conteudo .contato .left a{text-align: left;margin:0 0 25px 0;display: block;}
.conteudo .contato .left a .icon{display: inline-block;margin-right: 15px;width: 22px;height: auto;background-size:18px !important;vertical-align: middle;}

.conteudo .contato .left p{text-align: left;margin:0 0 25px 0}
.conteudo .contato .left p .icon{display: inline-block;margin-right: 15px;width: 22px;height: auto;background-size:18px !important;vertical-align: middle;}
.conteudo .contato .left .text{width: 700px;font-size: 18px;color:#fff;line-height: 24px;margin:0 0 0 0;display: inline-block;vertical-align: middle;}
.conteudo .contato .map{width: 650px;float:right;height:400px;padding:45px 0;}
.conteudo .contato .map iframe{width: 650px;height:400px;display: block;border-radius: 20px}
.wrap-recaptcha{text-align: center;}
.wrap-recaptcha .g-recaptcha{display: inline-block;}
.wrap-recaptcha .g-recaptcha{
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: -48px 0;
transform-origin: -48px 0;
}
.wrap-recaptcha .g-recaptcha > div{max-width: 250px;}
footer{padding: 25px 0 25px 0;background-color:#100f12;border-top:1px dashed #444857;}
footer p a{font-size: 14px;float: none;line-height: 14px;color: #999;text-align: center;display: inline;text-decoration: none;}
footer p a:hover{text-decoration: none;}
.internas .conteudo{padding:125px 0 0 0;}
.internas .conteudo .caixa_title{width: 100%;background-color: #f3f2f2;padding: 70px 0}
.internas .conteudo .caixa_title h2{font-size: 35px;font-weight: bold;line-height: 35px;color:#1b2327;text-align: center;text-transform: uppercase;}
.internas .conteudo .caixa_title .bread{width: 100%;text-align: center;margin:10px 0 0 0}
.internas .conteudo .caixa_title .bread .bt_home{display: inline-block;vertical-align: middle;}
.internas .conteudo .caixa_title .bread .bt_home .icon{background-size: 20px !important;width:20px;height: auto;margin-right: 5px;display: inline-block;vertical-align: middle;}
.internas .conteudo .caixa_title .bread .bt_home .text{font-size: 15px;line-height: 15px;font-weight: 500;display: inline-block;vertical-align: middle;color:#1b2327;margin: 2px 0 0 0}
.internas .conteudo .caixa_title .bread .barra{display: inline-block;vertical-align: middle;margin: 2px 1px 0 1px;color:#1b2327}
.internas .conteudo .caixa_title .bread .breadcrumb{font-size: 15px;color:#1b2327;display: inline-block;vertical-align: middle;margin: 2px 0 0 0}
.internas .conteudo .caixa_title .bread .bt_home:hover{opacity: 0.5;text-decoration: none;}

.internas .conteudo .conti{padding: 75px 0}
.internas footer{padding:50px 0 100px 0;border-top:1px solid #ddd;}

.blog .conteudo .conti .col1{width:765px;float:left;text-align: left;background-color: #fff}
.blog .conteudo .conti .col1 h1{font-size: 22px;line-height: 27px;color:#000;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;margin:0 0 30px 0;}
.blog .conteudo .conti .col1 .data{display:block;margin: 0 20px 15px 0}
.blog .conteudo .conti .col1 .data .text{font-size: 14px;color:#000;font-weight: 400;display: inline-block;vertical-align: middle;}
.blog .conteudo .conti .col1 .data .icon{margin:0 7px 0 0;background-size: 20px;width: 15px;height: auto;display:inline-block;vertical-align: middle;}
.blog .conteudo .conti .col1 .category{border-radius: 10px;background-color:#fff;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.20);display: inline-block;text-align: center;padding: 10px 30px;color:#000;margin: 0 0 40px 0}
.blog .conteudo .conti .col1 .category .text{font-size: 15px;color:#000;font-weight: 400;display: inline-block;vertical-align: middle;}
.blog .conteudo .conti .col1 .category .icon{margin:0 7px 0 0;background-size: 20px;width: 20px;height: auto;display:inline-block;vertical-align: middle;}
.blog .conteudo .conti .col1 .texto table{width:100% !important;min-width:620px;margin:34px 0 !important;border-collapse:separate !important;border-spacing:0 !important;background:#fff;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px rgba(16,15,18,.08);}
.blog .conteudo .conti .col1 .texto table th{background:#a42648 !important;color:#fff !important;font-size:13px !important;font-weight:700 !important;line-height:1.35 !important;text-align:left !important;text-transform:uppercase;letter-spacing:.04em;padding:16px 18px !important;border:0 !important;}
.blog .conteudo .conti .col1 .texto table td{color:#2f2d35 !important;font-size:15px !important;line-height:1.55 !important;text-align:left !important;vertical-align:top !important;padding:16px 18px !important;border:0 !important;border-top:1px solid #e8e8e8 !important;}
.blog .conteudo .conti .col1 .texto table tr:nth-child(even) td{background:#f8f8f8;}
.blog .conteudo .conti .col1 .texto table tr:hover td{background:rgba(164,38,72,.06);}
.blog .conteudo .conti .col1 .texto table th:first-child{font-weight:700 !important;color:#fff !important;}
.blog .conteudo .conti .col1 .texto table td:first-child{font-weight:700 !important;color:#100f12 !important;}




.todas_postagens .conti  h1{font-size: 30px;font-weight: 500;color:#a42648;text-align: center;line-height: 35px;margin: 0 auto 12px auto;width: 100%;}
.todas_postagens .conti  h2{font-size: 20px;font-weight: 300;color:#666666;text-align: center;line-height: 27px;margin: 0 auto 65px auto;width: 100%;}

.todas_postagens .left{width:765px;float: left;}
.todas_postagens .left .vitrine{width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: left}
.todas_postagens .left .vitrine .sep{width: 370px;margin:0 25px 25px 0;background-color: #fff;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.31);overflow: hidden;
    border-radius: 15px;position: relative;padding: 10px;box-sizing: border-box;}
.todas_postagens .left .vitrine .sep:nth-child(2n){margin:0 0 25px 0;}
.todas_postagens .left .vitrine .sep .category{position: absolute;bottom: 0;border-radius: 10px 10px 0 0;font-size: 14px;color:#000;text-align: center;padding:5px 20px;left:15px;background-color:#fff}
.todas_postagens .left .vitrine .sep .thumb{max-width: 370px;height:218px;overflow: hidden;border-radius: 10px 10px 0 0}
.todas_postagens .left .vitrine .sep .thumb img{width: 100%;height: auto;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;object-fit: cover}
.todas_postagens .left .vitrine .sep:hover{text-decoration:none;}
.todas_postagens .left .vitrine .sep:hover .thumb img{transform: scale(1.1);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.todas_postagens .left .vitrine .sep .box_text{width: 100%;padding: 25px 15px;box-sizing: border-box;text-align: left;}
.todas_postagens .left .vitrine .sep .box_text .data{display: inline-block;margin: 0 20px 10px 0}
.todas_postagens .left .vitrine .sep .box_text .data .text{font-size: 14px;color:#000;font-weight: 400;display: inline-block;vertical-align: middle;}
.todas_postagens .left .vitrine .sep .box_text .data .icon{margin:0 7px 0 0;background-size: 20px;width: 15px;height: auto;display:inline-block;vertical-align: middle;}
.todas_postagens .left .vitrine .sep .box_text h3{color:#000;font-size: 18px;line-height: 25px;font-weight: 500;margin-bottom: 20px;height:auto;overflow: hidden;padding: 0}
.todas_postagens .left .vitrine .sep .box_text p{color:#000;font-size: 15px;line-height: 23px;margin:0 0 65px 0;height:auto;font-weight: 300}
.todas_postagens .left .vitrine .sep .box_text .bt_leia{font-size:15px;color:#a42648;line-height: 15px;display: block;font-weight: 500;position: absolute;bottom:25px}
.todas_postagens .left .vitrine .sep .box_text .bt_leia span{margin:0 7px 0 0;font-weight: 500;position: relative;top: 2px;font-size: 17px}
.todas_postagens .left .vitrine .sep:hover .box_text .bt_leia{color: #620b20;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.bloguer .controles{width:270px;float: right;border:1px solid #eee;padding: 20px 10px;}
.bloguer .controles .box_title{padding: 15px 20px;background-color: #f7f7f7;border-bottom:1px solid #eee}
.bloguer .controles .box_title h3{font-size: 20px;color:#1b2327;font-weight:500;text-align: left;}
.bloguer .controles .box_bts{padding: 20px;}
.bloguer .controles .box_bts a{font-size: 15px;font-weight: normal;color:#a42648;margin: 0 0 15px 0;display: block;}
.bloguer .controles .box_bts a:hover{color:#1b2327;text-decoration: none;}
.bloguer .controles .box_bts .active{color:#1b2327;text-decoration: none;font-weight:600;}





#call-whatsapp{position: fixed;z-index: 9; bottom: 10px;right: 10px;background: url(../images/call-whatsapp.png) no-repeat 10px center; background-color: #009e56;padding: 10px 10px 10px 40px;color: #fff;font-size: 12px;line-height: 20px;-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;text-align: left;overflow: hidden;box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, .54);}
#call-whatsapp:hover{text-decoration: none;background-color: #41BC84;}
@media(max-width: 1023px){
  #call-whatsapp{max-width: 170px;}
}


.landing header {
    width: 100%;
    position: fixed;
    z-index: 99;
    padding: 10px 0 10px 0;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.landing .color_menu{background-color: #100f12 !important; }
.landing .destaque{width: 100%;height:100vh;background:url(../images/banner_novo.webp) no-repeat center center;background-size: cover !important;position: relative;z-index: 1;}
.landing .destaque .center{height: 100%;width: 100%;display: flex;align-items: center;justify-content: center}
.landing .destaque .center .miolo{position: relative;z-index: 2;margin: 70px auto 0 auto;text-align: center;padding:0 15px}
.landing .destaque .center .miolo h1 .title_span{font-size: 30px;line-height: 33px;color:#fff;font-weight: 300;text-align: center;text-shadow: 0px 0px 5px rgba(0, 0, 0, .54);margin:0 0 10px 0;text-transform: uppercase;}
.landing .destaque .center .miolo h1{font-size: 45px;line-height: 50px;color:#fff;font-weight: bold;text-align: center;text-shadow: 0px 0px 5px rgba(0, 0, 0, .54);text-transform: uppercase;padding: 0 15px}


.landing .destaque .center .miolo .texto{margin:25px 0 0 0;max-width: 970px;width: 100%;}
.landing .destaque .center .miolo .texto p{font-size: 18px;color:#fff;line-height: 27px;text-align: center;margin:0;}
.landing .destaque .center .miolo ul{margin: 35px 0 0 0;}
.landing .destaque .center .miolo ul li{width: 100%;margin: 0 0 10px 0;display: block;}
.landing .destaque .center .miolo ul li .icon{max-width:25px;width: 100%;display: inline-block;vertical-align: middle;margin: 0 10px 0 0 }
.landing .destaque .center .miolo ul li .text{font-size: 13px;text-transform: uppercase;color:#fff;font-weight: 600;display: inline-block;vertical-align: middle;line-height: 13px}
.landing .destaque .center .miolo .bt1{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 13px 30px;width: auto;margin:45px auto;display: block;text-align: center;display: inline-block;}
.landing .destaque .center .miolo .bt1 .icon{display: inline-block;vertical-align: middle;max-width: 30px;max-height: 30px;}
.landing .destaque .center .miolo .bt1 .text{font-size: 16px;text-transform: uppercase;font-weight: 600;color: #fff;display: inline-block;vertical-align: middle;margin: 0 0 0 10px}
.landing .destaque .center .miolo .bt1:hover{background-color:#3a9136;border-color: #3a9136 !important;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}


.landing .sup{padding: 90px 0 75px 0;} 
.landing .sup h2{font-size:35px;color:#100f12;font-weight: bold;line-height: 40px;text-align: center;max-width: 800px;margin:0 auto 20px auto;}
.landing .sup h3{font-size: 30px;font-weight: 300;color:#a42648;text-align: center;line-height: 40px;margin: 0 auto 25px auto;max-width: 900px;width: 100%;}
.landing .sup h3 span{color:#a42648;font-weight: bold}
.landing .sup .line{width: 100%;margin:0 0 0 0;}
.landing .sup .line .left{float: left;width:564px;}
.landing .sup .line .left p{font-size: 15px;text-align: right;margin:0 0 25px 0;line-height: 26px;font-weight: 300;color:#000}
.landing .sup .line .right{float: right;width:564px;}
.landing .sup .line .right p{font-size: 15px;text-align: left;margin:0 0 25px 0;line-height: 26px;font-weight: 300;color:#000}


.landing .middle, .home .middle{padding: 90px 0 150px 0;background-color:#100f12;text-align: center;}
.landing .middle, .home .middle h2{font-size:35px;color:#fff;font-weight: bold;line-height: 40px;text-align: center;margin:0 auto 10px auto;}
.landing .middle, .home .middle h3{font-size:16px;color:#fff;font-weight: bold;line-height: 25px;text-align: center;font-weight: 600;}
.landing .middle, .home .middle .vitrine{width: 100%;margin: 60px 0 0 0;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
.landing .middle, .home .middle .vitrine .sep{width:270px;background-color:#1d1c21;vertical-align: top;margin:0 25px 25px 0;padding:30px 20px;box-sizing: border-box;-webkit-box-shadow: -2px 0px 20px 0px rgba(0,0,NaN,1);
-moz-box-shadow: -2px 0px 20px 0px rgba(0,0,NaN,1);
box-shadow: -2px 0px 20px 0px rgba(0,0,NaN,1);display: inline-block;vertical-align: top}
.landing .middle, .home .middle .vitrine .sep:nth-child(4n){margin: 0 0 25px 0}
.landing .middle, .home .middle .vitrine .sep figure{width:70px;height:70px;display: block;}
.landing .middle, .home .middle .vitrine .sep figure img{max-width: 100%;max-height: 45px;height: auto;width: auto;height: auto;display: block;}
.landing .middle, .home .middle .vitrine .sep h4{font-size: 17px;font-weight: 600;color:#fff;line-height: 23px;display: block;margin-bottom:10px;text-align: left;}
.landing .middle, .home .middle .vitrine .sep p{font-size: 15px;color:#fff;font-weight: 300;line-height: 24px;text-align: left;}
.landing .middle, .home .middle .vitrine .line{text-align: center;}
.landing .middle, .home .middle .bt1{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 13px 30px;width: auto;margin:45px auto;display: block;text-align: center;display: inline-block;}
.landing .middle, .home .middle .bt1 .icon{display: inline-block;vertical-align: middle;max-width: 30px;max-height: 30px;}
.landing .middle, .home .middle .bt1 .text{font-size: 16px;text-transform: uppercase;font-weight: 600;color: #fff;display: inline-block;vertical-align: middle;margin: 0 0 0 10px}
.landing .middle, .home .middle .bt1:hover{background-color:#3a9136;border-color: #3a9136 !important;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}




.landing .box_diferenciais{padding: 90px 0;background-color:#a42648;}
.landing .box_servicos{background: rgb(145,34,64);
background: -moz-linear-gradient(180deg, rgba(145,34,64,1) 13%, rgba(179,31,71,1) 68%);
background: -webkit-linear-gradient(180deg, rgba(145,34,64,1) 13%, rgba(179,31,71,1) 68%);
background: linear-gradient(180deg, rgba(145,34,64,1) 13%, rgba(179,31,71,1) 68%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#912240",endColorstr="#b31f47",GradientType=1);width: 100%;padding: 90px 0 90px 0;position: relative;}
.landing .box_servicos h2{font-size:35px;color:#fff;font-weight: bold;line-height: 45px;text-align: center;margin:0 auto 10px auto;}
.landing .box_servicos h3{font-size:16px;color:#fff;font-weight: bold;line-height: 25px;text-align: center;font-weight: 600;text-transform: uppercase;}
.landing .box_servicos .vitrine{width: 100%;padding:50px 0 0 0;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
.landing .box_servicos .vitrine .sep{width: 230px;text-align: center;margin:0}
.landing .box_servicos .vitrine .sep figure{width:150px;height:150px;border:8px solid #fff;border-radius:50%;margin: 0 auto;display:block;}
.landing .box_servicos .vitrine .sep figure .centralizador{width:142px;height:142px;display: table-cell;vertical-align: middle;text-align: center;}
.landing .box_servicos .vitrine .sep figure .centralizador img{margin:0 auto;max-width:80px;width: auto;display: block}
.landing .box_servicos .vitrine .sep h4{font-size: 20px;font-weight: bold;color:#fff;text-align: center;margin:30px 0 20px 0;font-weight:600;line-height: 27px}
.landing .box_servicos .vitrine .sep p{height:180px;font-size: 15px;line-height: 23px;color:#fff;text-align: center;}
.landing .box_servicos .vitrine .sep{display:inline-block;vertical-align:top;text-decoration:none;color:#fff;}
.landing .box_servicos .vitrine .sep:hover{text-decoration:none !important;color:#fff;}
.landing .box_servicos .owl-theme .owl-nav.disabled+.owl-dots{margin:45px 0 0 0 !important;}


.landing .box_passo{width:100%;padding: 90px 0 65px 0;;position: relative;}
.landing .box_passo .box_title{width: 100%;padding-bottom:120px;text-align: center;}
.landing .box_passo h2{font-size:35px;color:#100f12;font-weight: bold;line-height: 45px;text-align: center;margin:0 auto 20px auto;}
.landing .box_passo .descri{font-size: 18px;line-height: 28px;max-width: 750px;margin: 0 auto;color:#000;text-align: center;padding: 0 15px}
.landing .box_passo .container{position:relative;}
.landing .box_passo .line{position: absolute;top: 90px;height: 1px;width: 100%;background:#cad7cf;}

.landing .box_passo .vitrine{position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;counter-reset: count;}
.landing .box_passo .vitrine .sep {position: relative;display: block;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;width: 100%;text-align: center;padding: 0px 30px 0px;margin-bottom: 38px;z-index: 1;}
.landing .box_passo .vitrine .sep figure {position: relative;display: block;width: 180px;height: 180px;margin: 0 auto;background-color:#100f12;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.landing .box_passo .vitrine .sep figure::after {content: ""; position: absolute;top: -36px;left: -36px;bottom: -36px;right: -36px;border: 1px solid #cad7cf;border-radius: 50%;z-index: -2;}
.landing .box_passo .vitrine .sep figure:before {content: "";position: absolute;left: -36px;bottom: -36px;right: -36px;height: 127px;background: #ffffff;z-index: -1;}
.landing .box_passo .vitrine .sep figure img{max-width: 60px;max-height: 60px;width: auto;height: auto;display: block;}
.landing .box_passo .vitrine .sep figure .contador{position: absolute;left: 0;bottom: 0;width: 50px;height: 50px;background:#a42648;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.landing .box_passo .vitrine .sep figure .contador::before{position: absolute;display: flex;align-items: center;justify-content: center;top: 0;left: 0;bottom: 0;right: 0;color:#fff;font-size: 20px;font-weight: 700;counter-increment: count;content: "0"counter(count);transition: all 100ms linear;transition-delay: 0.1s;font-family: 'Ubuntu', sans-serif;}
.landing .box_passo .vitrine .sep:nth-child(2n) figure::after {border: 1px solid #cad7cf;border-radius: 50%;z-index: -2;background-color:#fff}
.landing .box_passo .vitrine .sep:nth-child(2n)  figure:before {top: -36px;bottom:inherit;}
.landing .box_passo .vitrine .sep:nth-child(2n) .contador{right: 0;top: 0}
.landing .box_passo .vitrine .sep h3{padding:70px 0 0 0;font-size:17px;line-height: 30px;font-weight: 700;margin-bottom: 15px;text-align:center;color:#100f12;line-height:28px }
.landing .box_passo .vitrine .sep p{;text-align: center;font-size: 15px;line-height: 25px}


.landing .box_duvidas{padding: 90px 0;background-color:#f8f8f8}
.landing .box_duvidas h2{font-size:35px;color:#100f12;font-weight: bold;line-height: 45px;text-align: center;margin:0 auto 40px auto;}

.landing .box_duvidas .vitrine{max-width: 980px;width: 100%;margin:0 auto;}
.landing .box_duvidas .vitrine .sep{box-sizing: border-box;width: 100%;border:1px solid #ddd;margin:0 0 0 0;background-color:#fff;}
.landing .box_duvidas .vitrine .sep .supi{width: 100%;padding:20px 20px;display: block;background-color:#100f12}
.landing .box_duvidas .vitrine .sep .supi:hover{text-decoration: none}
.landing .box_duvidas .vitrine .sep .supi h3{font-size:16px;color:#fff;font-weight:600;width:97%;display: inline-block;vertical-align: middle;text-align: left;}
.landing .box_duvidas .vitrine .sep .supi .icon{background-size: 17px;height:17px;width: 17px;color:#000;margin: 0 0 0 0;display: inline-block;vertical-align: middle;}
.landing .box_duvidas .vitrine .sep .supi .icon img{max-width: 100%;height:auto;display: block;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.landing .box_duvidas .vitrine .sep .texto{font-size: 16px;color:#000;line-height: 22px;margin:25px 0 30px 0;height:auto;display: none;padding:0 20px;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.landing .box_duvidas .vitrine .sep:hover{text-decoration: none;}
.landing .box_duvidas .vitrine .sep:hover h3{color:#fff;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.landing .box_duvidas .vitrine .sep:hover .icon{color:#000;}
.landing .box_duvidas .vitrine .sep:hover .icon img{transform:rotate(-180deg);-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out; }
.landing .box_duvidas .vitrine .active h3{color:#000 !important;}
.landing .box_duvidas .vitrine .active .icon img{color:#000 !important;transform:rotate(-180deg) !important;}
.landing .box_duvidas .vitrine .active .texto{display: block;}
.landing .box_duvidas .vitrine .active .texto p{color: #000;font-size:16px;line-height: 26px;text-align: left;}
.landing .box_duvidas .vitrine .active .supi{background-color:#a42648;}
.landing .box_duvidas .vitrine .active .supi h3{color:#fff !important;}
.landing .box_duvidas .vitrine .active .supi .icon{color:#fff !important;}

.landing .conteudo .trabalhos h2{color:#100f12 }
.landing .conteudo .trabalhos h2 span{color:#100f12 }

.landing .hashtags{padding:70px 0;background-color:#f5f5f5}
.landing .hashtags h2{font-size:35px;color:#100f12;font-weight: bold;line-height: 40px;text-align: center;margin:0 auto 0 auto;}
.landing .hashtags .vitrine{width: 100%;text-align: center;margin-top: 40px}
.landing .hashtags .vitrine .sep{display: inline-block;margin:0 15px 15px 15px;color:#100f12;font-size: 600;font-size: 19px;}
.landing .hashtags .vitrine .sep span{color:#e90543;font-size: 20px;font-weight: bold}

.landing .infos_extra{padding: 70px 0;display:none;}
.landing .infos_extra.active{display: block;}
.landing .infos_extra .texto{word-break: break-word;}
.landing .infos_extra .texto::after{content: " ";display: table;clear: both;}
.landing .infos_extra .texto .wrapper{padding: 0 10px;}
.landing .infos_extra .texto h1,
.landing .infos_extra .texto h2,
.landing .infos_extra .texto h3,
.landing .infos_extra .texto h4,
.landing .infos_extra .texto h5{margin-bottom: 25px;letter-spacing: -.60px;color: var(--color1);}
.landing .infos_extra .texto p{margin-bottom: 20px;font-size: 16px;line-height:25px;}
.landing .infos_extra .texto p:last-child{margin: 0;}
.landing .infos_extra .texto a{-webkit-transition:all 0.1s ease-out;transition: all 0.1s ease-out;color: var(--color1);}
.landing .infos_extra .texto a:hover{}
.landing .infos_extra .texto img{width: 100%;max-width: 100% !important;height: auto !important;}
.landing .infos_extra .texto p img{width: 100% !important;max-width: 100% !important;height: auto !important;}
.landing .infos_extra .texto iframe{max-width: 100%;}
.landing .infos_extra .texto table{margin-left: auto;margin-right: auto;border: 0;border-collapse: collapse;}
.landing .infos_extra .texto table tbody tr:nth-child(even){background-color: #f2f2f2;}
.landing .infos_extra .texto table td{vertical-align: top;}
.landing .infos_extra .texto h1{font-size: 38px;line-height: 44px;}
.landing .infos_extra .texto h2{font-size: 24px;line-height: 36px;font-weight:600}
.landing .infos_extra .texto h3{font-size: 20px;line-height: 32px;font-weight:600}
.landing .infos_extra .texto h3{font-size: 18px;line-height: 28px;font-weight:600}
.landing .infos_extra .texto ul,
.landing .infos_extra .texto ol{padding-left: 25px;margin:0 0 15px 0}
.landing .infos_extra .texto ul li,
.landing .infos_extra .texto ol li{list-style-type: square;font-size: 15px;line-height:22px;margin-bottom: 10px;}
.landing .infos_extra .texto{width: 100%;word-break: break-word;margin: 0 0 45px 0}
.landing .conteudo .contato{background-color: #100f12 !important;}
.landing footer {background-color: #100f12 !important;}
.icon_extra{color:#000;text-align:center;padding: 0 15px;display: block;margin:40px auto 0 auto;}

.landing .hashtags2{padding:0 0;background-color:#fff}
.landing .hashtags2 h2{font-size:35px;color:#100f12;font-weight: bold;line-height: 40px;text-align: left;margin:0 auto 40px auto;}
.landing .hashtags2 .vitrine{width: 100%;text-align: left;}
.landing .hashtags2 .vitrine .sep{display: inline-block;margin:0 10px 10px 0;color:#100f12;font-size: 600;font-size: 14px;}
.landing .hashtags2 .vitrine .sep span{color:#e90543;font-size:15px;font-weight: bold}

.landing_list header{background-color:#100f12}
.landing_list .conti{padding: 90px 0;}
.landing_list .conti .center{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;}
.landing_list .conti .sep{width:auto;display:inline-block;padding:20px;font-size:16px;color:#000;}
.landing_list .conti .sep:hover{color:#999;text-decoration: none;}


.redes {width: 165px}
.redes a {display: inline-block;margin: 0 10px 0 0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.redes a .centralizador {width: 50px;height: 50px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.redes a .centralizador .icon{max-width:27px;width: 100%;margin: 0 auto;display: block;}
.redes a:hover {text-decoration: none;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.redes a:hover .centralizador{background-color:#a42648;border: 1px solid #a42648}



.agencia .texto p{font-size: 16px;line-height: 30px}
.agencia .texto h3{font-size: 25px;line-height: 35px;font-weight: bold;color:#100f12}
.agencia .box_passo{background-color:#eee !important}
.agencia .box_passo .vitrine .sep figure:before{background-color: #eee !important}
.agencia .box_passo .vitrine .sep figure:after{background-color: #eee !important}
.agencia .texto_duvidas{padding:0 15px;text-align:center;margin:0 0 35px }
.agencia .box_duvidas h2{max-width: 750px !important;margin: 0 auto 20px auto !important;}

.agencia .box_duvidas .subtitle{font-size: 25px;line-height: 35px;color:#a42648;font-weight: 300;margin-bottom:45px;margin: 0 auto 40px auto;max-width: 750px;text-align: center;}

.wrap-recaptcha{text-align: center;}
.wrap-recaptcha .g-recaptcha{display: inline-block;}
.wrap-recaptcha .g-recaptcha{
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-transform-origin: -48px 0;
transform-origin: -48px 0;
}
.wrap-recaptcha .g-recaptcha > div{max-width: 250px;}


/* Seção de Conceitos Web - Otimizada para SEO */
.web-concepts {
  padding: 70px 0;
  background-color: ;
  position: relative;
  overflow: hidden;
  background-color:#c3c3c3;
}

.web-concepts::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a42648' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  z-index: 0;
  opacity: 0.5;
}

.web-concepts-title {
  font-size: 35px;
  font-weight: bold;
  color: #a42648;
  text-align: center;

  display: block;
  position: relative;
  padding-bottom: 20px;
  max-width: 900px;
  margin: 0 auto 50px auto;
  padding: 0 15px;
  width: 100%;
 
}

.web-concepts-title  span{
    font-size: 30px;
    font-weight: 300;
    color: #a42648;
    text-align: center;
    line-height: 40px;
    margin: 0 auto 25px auto; 
}


.definition-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin-top: 30px;
}

.definition-card {
  width: 350px;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.definition-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.definition-card-inner {
  background-color: #ffffff;
  padding: 30px 25px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.definition-card-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #a42648;
  z-index: 2;
}

.definition-card-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(164, 38, 72, 0.1);
  border-radius: 50%;
  margin-bottom: 20px;
}

.definition-card-icon svg {
  width: 25px;
  height: 25px;
  color: #a42648;
}

.definition-card-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #100f12;
  line-height: 23px;
}

.definition-card-text {
  color: #666;
  line-height: 25px;
  margin-bottom: 0;
  font-size: 15px;

}

.services-cascavel {
  padding: 70px 0;
  background-color: #100f12;
  position: relative;
  overflow: hidden;
}

.services-cascavel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a42648' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  z-index: 0;
  opacity: 0.7;
}

.services-title {
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  text-align: center;

  display: block;
  position: relative;
  padding-bottom: 20px;
  max-width: 900px;
  margin: 0 auto 50px auto;
  padding: 0 15px;
  width: 100%;
 
}

.services-title  span{
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto 25px auto; 
}


.services-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin-top: 30px;
}

.service-card {
  width: 270px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.service-card:hover {
  transform: translateY(-5px);
}

.service-card-inner {
  background-color: #1d1c21;
  padding: 30px 20px;
  box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 1);
  height: 100%;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.service-card:hover .service-card-inner {
  border-left: 3px solid #a42648;
}

.service-card-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.service-card-icon svg {
  width: 25px;
  height: 25px;
  color: #a42648;
}

.service-card-title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
  line-height: 23px;
}

.service-card-text {
  color: #fff;
  line-height: 24px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
}


/* Dispositivos com tela acima de 1170px */
@media(min-width: 1170px){
.mobile{display: none !important}
.desktop{}
.center{width: 100%;max-width: 1170px;margin:0 auto;}

.landing .destaque .center .miolo ul li .icon{max-width:30px;width: 100%;display: inline-block;vertical-align: middle;margin: 0 10px 0 0 }
.landing .destaque .center .miolo ul li .icon img{max-width: 100%;width: 35px}
.landing .destaque .center .miolo ul li .text{font-size: 15px;text-transform: uppercase;color:#fff;font-weight: 600;display: inline-block;vertical-align: middle;line-height: 13px}

}



/* Dispositivos com tela entre de 1024px e 1169px */
@media(min-width: 1024px) and (max-width: 1169px){
.center{width: 100%;max-width: 1024px;margin:0 auto;padding: 0 10px;box-sizing: border-box;}
.mobile{display: none !important}
.desktop{}
body{font-size:16px;}
header{padding: 34px 0 34px 0;}
header .logo{width: 170px;height: 57px;background-size: 170px;}
header .menu{width: 780px;}
header .menu a {font-size: 15px;}
header .menu .orc .text{font-size: 15px;line-height: 15px}
header .menu .orc{padding: 7px 10px;}
.home .destaque{height:100vh}
.home .destaque .item .miolo{padding:87px 15px 0 15px;}
.home .destaque .item{height:100vh;}
.home .destaque .item .miolo h2{font-size:27px;line-height: 33px;}
.home .destaque .item .miolo h3{font-size:33px;line-height: 35px;}
.home .conteudo .sobre {padding: 75px 0 75px 0;}
.home .conteudo .sobre h1{font-size: 28px;line-height: 35px;max-width: 900px;width: 100%;}
.home .conteudo .sobre .line{margin: 25px 0 0 0;}
.home .conteudo .sobre .line .left{width:485px;}
.home .conteudo .sobre .line .right{width:485px;}

.conteudo .trabalhos h2{font-size: 30px;}
.conteudo .trabalhos h2 span{font-size: 37px;line-height: 37px;}
.conteudo .trabalhos .vitrine{width:100%;margin:70px 0 70px 0;}
.conteudo .trabalhos .vitrine .sep{width:320px;display: inline-block;position: relative;overflow:hidden;margin:0 10px 25px 0;}
.conteudo .trabalhos .vitrine .sep:nth-child(3n){margin:0 0 25px 0;}
.conteudo .trabalhos .vitrine .sep .retina{padding: 90px 20px 0 0;}
.conteudo .trabalhos .vitrine .sep:hover .retina h2{font-size:18px;}
.conteudo .trabalhos .vitrine .sep:hover .retina p{font-size:14px;}

.home .conteudo .servicos {padding: 50px 0 90px 0;}
.home .conteudo .servicos h2{font-size: 30px;}
.home .conteudo .servicos h2 span{font-size: 37px;line-height: 37px;}
.home .conteudo .servicos .vitrine {padding: 70px 0 20px 0;}
.home .conteudo .servicos .vitrine .sep{margin:0 70px 0 0;width: 200px}

.home .conteudo .diferenciais{padding: 50px 0 100px }
.home .conteudo .diferenciais h2{font-size: 30px;margin-bottom: 55px;}
.home .conteudo .diferenciais h2 span{font-size: 37px;line-height: 37px;}
.home .conteudo .diferenciais .vitrine .sep{width: 240px;margin:0 12px 25px 0}
.home .conteudo .diferenciais .vitrine .sep figure img{max-height: 40px}
.home .conteudo .diferenciais .vitrine .sep h3{font-size: 16px;}


.conteudo .blog {padding: 110px 0 5px 0;}
.conteudo .blog h2{font-size: 30px;margin-bottom: 55px;padding: 50px 0 0 0}
.conteudo .blog h2 span{font-size: 37px;line-height: 37px;}
.conteudo .blog .vitrine .sep{width: 320px;display: inline-block;margin:0 17px 0 0;}
.conteudo .blog .vitrine .sep:nth-child(3n){margin:0;}
.conteudo .blog .vitrine .sep .thumb{width: 300px;height:185px;overflow: hidden;}
.conteudo .blog .vitrine .sep .box_text h3{font-size: 18px;line-height: 23px;margin-bottom: 15px}
.conteudo .blog .vitrine .sep .box_text p{font-size: 15px;line-height: 21px;margin-bottom: 45px}
.bt_posts{;padding: 13px 0;width: 160px;font-size: 15px;margin:50px auto;}
.conteudo .orcamento {padding: 45px 0 95px 0;}
.conteudo .orcamento h2{font-size: 30px;}
.conteudo .orcamento h2 span{font-size: 37px;line-height: 37px;}
.conteudo .orcamento h3 {margin: 0 0 54px 0;}
.conteudo .orcamento form button {padding: 16px 25px;}
.conteudo .contato .left{padding: 40px 0 90px 0;}
.conteudo .contato .left h2{font-size: 30px;margin-bottom: 45px;}
.conteudo .contato .left h2 span{font-size: 37px;line-height: 37px;}
.conteudo .contato{padding:0}
.conteudo .contato .map{width: 500px;float:right;height:300px;padding:35px 0 0 0;}
.conteudo .contato .map iframe{width: 500px;height:300px;}
footer{padding: 30px 0 50px 0;}
.internas .conteudo {padding: 117px 0 0 0;}
.internas .conteudo .caixa_title{padding: 15px 0 17px 0}
.internas .conteudo .caixa_title h2{font-size: 27px;line-height: 27px;}
.blog .conteudo .conti .col1{width:700px;}

.todas_postagens .conti  h1{font-size: 25px;font-weight: 500;color:#a42648;text-align: center;line-height: 35px;margin: 0 auto 5px auto;max-width: 900px;width: 100%;padding:0 15px}
.todas_postagens .conti  h2{font-size: 18px;font-weight: 300;color:#666666;text-align: center;line-height: 24px;margin: 0 auto 50px auto;max-width: 900px;width: 100%;padding:0 15px}
.todas_postagens .left{width: 670px}
.todas_postagens .left .vitrine .sep{width: 320px;display: inline-block;margin:0 17px 17px 0;}
.todas_postagens .left .vitrine .sep:nth-child(2n){margin:0 0 17px 0;}
.todas_postagens .left .vitrine .sep .thumb{width: 300px;height:185px;overflow: hidden;}
.todas_postagens .left .vitrine .sep .box_text h3{font-size: 18px;line-height: 23px;margin-bottom: 15px}
.todas_postagens .left .vitrine .sep .box_text p{font-size: 15px;line-height: 21px;margin-bottom: 45px}

.landing .destaque .center .miolo h1 .title_span{font-size:27px;line-height: 33px;}
.landing .destaque .center .miolo h1{font-size:33px;line-height: 35px;}

.internas .conteudo .conti{padding: 60px 0}
.internas .conteudo .caixa_title{padding: 50px 0}

.landing .sup{padding: 75px 0 75px 0;}
.landing .sup h2{font-size: 32px;line-height: 37px;max-width: 900px;width: 100%;}
.landing .sup h3{font-size: 25px;line-height: 32px}
.landing .sup .line{margin: 25px 0 0 0;}
.landing .sup .line .left{width:485px;}
.landing .sup .line .right{width:485px;}

.landing .box_servicos{padding: 75px 0}
.landing .box_servicos h2{font-size: 32px;line-height: 37px;max-width: 900px;width: 100%;}

.landing .box_servicos .vitrine{padding: 70px 0 0 0;}
.landing .box_servicos .vitrine .sep{margin:0 67px 0 0;width: 200px}

.landing .box_passo{padding:75px 0 45px 0}

.landing .box_passo h2{font-size: 32px;line-height: 37px;max-width: 900px;width: 100%;}
.landing .box_passo .descri{font-size: 17px;line-height: 26px;}
.landing .box_passo .vitrine .sep figure::after{left: -20px;bottom: -20px;right: -20px;top:-20px;}
.landing .box_passo .vitrine .sep figure:before{height: 110px;left: -20px;bottom: -20px;right: -20px;}
.landing .box_passo .vitrine .sep:nth-child(2n) figure:before{top:-20px}
.landing .box_passo .vitrine .sep h3{padding:40px 0 0 0;font-size: 18px;line-height: 24px}
.landing .box_passo .vitrine .sep figure .contador::before{font-size: 18px;}


.landing .middle, .home .middle{padding: 75px 0 130px 0;}
.landing .middle, .home .middle h2{font-size: 32px;line-height: 37px;max-width: 900px;width: 100%;}
.landing .middle, .home .middle .vitrine .sep{width: 240px;margin:0 12px 25px 0}
.landing .middle, .home .middle .vitrine .sep figure img{max-height: 40px}
.landing .middle, .home .middle .vitrine .sep h3{font-size: 16px;}

.landing .hashtags{padding:50px 0;background-color:#f5f5f5}
.landing .hashtags h2{font-size:32px;line-height: 37px;margin:0 auto 0 auto;}
.landing .hashtags .vitrine{margin-top: 30px}
.landing .box_duvidas{padding: 75px 0}
.landing .box_duvidas h2{font-size: 32px;line-height: 37px;max-width: 900px;width: 100%;}
.landing .box_duvidas .vitrine{margin: 0 0 0 0}

.landing .infos_extra{padding: 50px 0;display:none;}

.landing .hashtags2{padding:0 0;background-color:#f5f5f5}
.landing .hashtags2 h2{font-size:32px;line-height: 37px;margin:0 auto 30px auto;}

.agencia .box_duvidas .subtitle{font-size: 22px;line-height: 32px;color:#a42648;font-weight: 300}



}
/* Dispositivos com tela abaixo de 1023px */
@media(max-width: 1023px){
.mobile{}
.desktop{display: none !important}
.center{width: 100%;box-sizing: border-box;padding: 0 10px !important }
.home header{width: 100%;position: fixed;padding: 10px 0}
.internas header{width: 100%;position: fixed;padding: 10px 0}
.topo .logo{background-size: 140px;width: 140px;height: 50px;margin: 0 0 0 10px}
.topo .menu{display: block;position: fixed;top: 0;left: -102%;width: 100%;padding: 70px 0 0 0;height: 100%;background-color: #a42648;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;max-width: 100%;overflow-y: auto;}
.topo .menu a{width: 100%;text-align: left;padding: 15px 15px;border-bottom:1px solid #af1338;display: block;box-sizing: border-box;}
.topo .menu a:hover{color:#fff;background-color:#952241}
header .menu .active{color:#fff;background-color:#952241}
.bloguer .controles{border-radius: 0 !important}

.line .bt2{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 10px 25px;width: auto;margin:0 auto 40px auto;display: block;text-align: center;display: inline-block;}
.line .bt2 .icon{max-width: 25px;max-height: 25px;}
.line .bt2 .text{font-size: 15px;line-height: 15px;margin:0 0 0 10px}


.bloguer header .menu a.bloguer,.bloguer header .menu a.bloguer{color:#fff;background-color:#952241}

header .menu .orc{color:#fff;border-radius: inherit;}
header .menu .orc:hover{color:#fff;background-color: #921130;border:2px solid #921130}
.topo .menu .ativo{color:#6e0c23;}
.topo .menu.ativo{left:0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.servicos .vitrine{text-align: center;}
.home .destaque{width:100%;height:100vh;}
.home .destaque .item{width:100%;height: 100vh;}
.home .destaque .item .miolo{max-width:100%;margin: 0 auto;padding: 70px 15px 0 15px;}
.home .destaque .item .miolo h2 {font-size: 22px;line-height: 27px;}
.home .destaque .item .miolo h3 {font-size: 35px;line-height: 40px;}
.home .destaque .item .miolo .line .bt1{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 10px 25px;width: auto;margin:40px auto;display: block;text-align: center;display: inline-block;}
.home .destaque .item .miolo .line .bt1 .icon{max-width: 25px;max-height: 25px;}
.home .destaque .item .miolo .line .bt1 .text{font-size: 15px;line-height: 15px;margin:0 0 0 10px}

.home .conteudo .sobre {width: 100%;padding: 65px 0 65px 0;}
.home .conteudo .sobre h1 {font-size: 30px;line-height: 35px;margin:0 auto 35px auto;padding:0 20px}
.home .conteudo .sobre .line{width: 100%;margin:0 0 0 0;padding:0 15px}
.home .conteudo .sobre .line .left{float: none;width:100%;}
.home .conteudo .sobre .line .left p{text-align: center;margin:0 0 25px 0;line-height: 26px}
.home .conteudo .sobre .line .right{float: none;width:100%;}
.home .conteudo .sobre .line .right p{text-align: center;margin:0 0 25px 0;line-height: 26px}
.home .conteudo .servicos{width: 100%;padding: 50px 0 50px 0;position: relative;}
.home .conteudo .servicos::after{height: 8px;width:120px;position: absolute;top: 0;left:50%;margin-left:-60px;content: '';background-color: #a42648}
.home .conteudo .servicos h2{font-size: 30px;line-height: 35px}
.home .conteudo .servicos h2 span{font-size: 35px;line-height: 40px}
.home .conteudo .servicos .vitrine{padding: 70px 0 0 0;}
.home .conteudo .servicos .vitrine .sep{margin:0 35px 60px 35px;width: 230px}
.home .conteudo .servicos .vitrine .sep:nth-child(4n){margin:0 35px 60px 35px;width: 230px}
.home .conteudo .servicos .vitrine .sep p{height: auto !important}


.home .conteudo .diferenciais{padding:50px 0 100px 0}
.home .conteudo .diferenciais h2{font-size: 30px;line-height: 35px;margin-bottom: 50px;text-align: center;padding: 0 0 0 0}
.home .conteudo .diferenciais h2 span{font-size: 35px;line-height: 40px;text-align: center;}


.conteudo .trabalhos {border-top: 34px solid #f5f5f5;}
.conteudo .trabalhos h2{font-size: 30px;line-height: 35px}
.conteudo .trabalhos h2 span{font-size: 35px;line-height: 40px}
.conteudo .trabalhos .vitrine{width:100%;margin:70px 0 0 0;text-align: center;}
.conteudo .trabalhos .vitrine .sep{margin:0 12.5px 35px 12.5;box-shadow: none !important;border-radius: 0 !important}
.conteudo .trabalhos .vitrine .sep:nth-child(3n){margin:0 12.5px 35px 12.5px;}
.conteudo .trabalhos .vitrine .sep:hover{box-shadow: none;}
.conteudo .trabalhos .vitrine .sep{overflow:inherit;}
.conteudo .trabalhos .vitrine .sep .thumb{overflow: hidden;}
.conteudo .trabalhos .vitrine .sep .retina{display: block;background-color: transparent;padding:20px 0 0 0;position: static;}
.conteudo .trabalhos .vitrine .sep .retina h3{font-size:18px;font-weight: 600;color:#000;line-height: 25px;text-align: center;margin:0 0 5px 0;animation: 0.7s .1s fadeInUp both;text-shadow:inherit;width: 100%}
.conteudo .trabalhos .vitrine .sep .retina p{font-size:15px;font-weight: 400;color:#000;line-height: 17px;text-align: center;margin:0 0 7px 0;animation: 0.7s .1s fadeInUp both;text-shadow:inherit;width: 100%}
.conteudo .trabalhos .vitrine .sep:hover{text-decoration: none;}
.conteudo .trabalhos .vitrine .sep:hover .retina h3{font-size:18px;font-weight: 600;color:#000;line-height: 25px;text-align: center;margin:0 0 5px 0;animation: 0.7s .1s fadeInUp both;text-shadow:inherit;width: 100%;text-decoration: none}
.conteudo .trabalhos .vitrine .sep:hover .retina p{font-size:15px;font-weight: 400;color:#000;line-height: 17px;text-align: center;margin:0 0 7px 0;animation: 0.7s .1s fadeInUp both;text-shadow:inherit;width: 100%;text-decoration: none;}
.conteudo .trabalhos .vitrine .sep:hover .thumb{text-decoration: none;}
.conteudo .trabalhos .vitrine .sep a:hover{text-decoration: none;}

.conteudo .blog {padding: 110px 0 5px 0;}
.conteudo .blog h2{font-size: 30px;line-height: 35px;margin-bottom: 50px;text-align: center;padding: 45px 0 0 0}
.conteudo .blog h2 span{font-size: 35px;line-height: 40px;text-align: center;}
.conteudo .blog .vitrine{width: 100%;text-align: center;margin-bottom: 0}
.conteudo .blog .vitrine .sep{width: 370px;display: inline-block;margin:0 12.5px 40px 12.5px;text-align: left;}
.conteudo .blog .vitrine .sep:nth-child(3n){margin:0 12.5px 40px 12.5px;}
.bt_posts{;padding: 13px 0;width: 160px;font-size: 15px;margin:30px auto 50px auto;}
.conteudo .orcamento {padding: 65px 0 65px 0;}
.conteudo .orcamento h2{font-size: 30px;line-height: 35px;margin-bottom: 50px;text-align: center;}
.conteudo .orcamento h2 span{font-size: 35px;line-height: 40px;text-align: center;}
.conteudo .orcamento h3 {margin: 0 0 44px 0;}
.conteudo .orcamento form button {padding: 18px 35px;font-size: 17px}
.conteudo .contato {padding-bottom: 90px}
.conteudo .contato .left{padding: 40px 0 40px 0;}
.conteudo .contato .left h2{font-size: 30px;margin-bottom: 35px;}
.conteudo .contato .left h2 span{font-size: 35px;line-height: 40px;}
footer p{float: none;text-align: center;}
footer .icon_mw7{float: none;margin:30px auto 0 auto;display: block;background-size: 30px;width: 30px;height: 30px}

.internas .conteudo{padding: 60px 0 0 0;}
.internas .conteudo .conti{padding: 50px 0}
.internas .conteudo .caixa_title{padding: 40px 0;position: relative;}
.internas .conteudo .caixa_title h2{font-size: 25px;line-height: 25px;text-align: center;}

.bloguer .icon_blog{width: 150px;border-radius:5px;text-align: center;text-transform: uppercase;color:#fff;font-size: 12px;background-color:#a42648;margin:20px 0 0 0;display: block;margin-bottom: 45px;padding: 10px 10px;text-align: center;position: absolute;right:20px;top:35px}
.bloguer .icon_blog:hover{background-color:#620b20;text-decoration: none;}
.bloguer .icon_blog .icon{margin:0 10px 0 0;max-width: 20px;width: 100%;display: inline-block;background-size: 20px;display: inline-block;vertical-align: middle;}
.bloguer .icon_blog .descri{margin:0 0 0 0;font-weight: 600;vertical-align: middle;}

.blog .conteudo .conti .col1{width:100%;float:none;background-color: #fff;text-align: left;padding: 0 15px;}
.blog .conteudo .conti .col1 .texto{text-align: left;}
.blog .conteudo .conti .col1 .texto{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
.blog .conteudo .conti .col1 .texto table{min-width:640px;margin:28px 0 !important;box-shadow:none;}
.blog .conteudo .conti .col1 .texto table th,
.blog .conteudo .conti .col1 .texto table td{font-size:14px !important;padding:13px 14px !important;}

.bloguer .conteudo .caixa_title{padding: 40px 20px}
.bloguer .conteudo .caixa_title h2{text-align: left;}
.bloguer .conteudo .caixa_title .bread{text-align: left;}

.bloguer .controles{background-color:#fff;position: fixed;top:0;left:-280px;max-height: 100%;min-height: 100%;overflow-y: auto;z-index: 101;}
.bloguer .controles.active{left:0;-moz-transition: all .3s ease-out;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}

.home .conteudo .contato .map{width:100%;float:none;height:300px;padding:35px 0 0 0;margin:0 auto;}
.home .conteudo .contato .map iframe{width:100%;}
.todas_postagens .left{width: 100%;display: block;float:none}
.todas_postagens .left .vitrine{width: 100%;text-align: center;margin-bottom: 0;justify-content: center;}
.todas_postagens .left .vitrine .sep{width: 370px;display: inline-block;margin:0 12.5px 40px 12.5px;}
.todas_postagens .left .vitrine .sep:nth-child(2n){margin:0 12.5px 40px 12.5px;}
.sucesso{margin:80px 0;font-size: 16px;color:#0caf4d;font-size: 18px;line-height: 25px;text-align: center}
.todas_postagens .conti  h1{font-size: 22px;font-weight: 500;color:#a42648;text-align: left;line-height: 28px;margin: 0 auto 15px auto;max-width: 900px;width: 100%;padding:0 15px}
.todas_postagens .conti  h2{font-size: 17px;font-weight: 300;color:#666666;text-align: left;line-height: 22px;margin: 0 auto 50px auto;max-width: 900px;width: 100%;padding:0 15px}


.landing .destaque{height:auto;padding: 0 0 0 0;min-height: 100vh;}

.landing .destaque .center{height: 100vh}
.landing .destaque .center .miolo{margin: 0}
.landing .destaque .center .miolo h1{font-size: 35px;line-height: 40px;}
.landing .destaque .center .miolo h1 .title_span{font-size: 22px;line-height: 27px;}

.landing .destaque .center .miolo .texto{margin:20px 0 0 0;padding: 0 15px}
.landing .destaque .center .miolo .texto p{font-size: 15px;color:#fff;line-height: 24px;text-align: center;}
.landing .destaque .center .miolo ul{margin: 25px 0 0 0;}
.landing .destaque .center .miolo ul li{width: 100%;margin: 0 0 10px 0;display: block;}
.landing .destaque .center .miolo ul li .icon{max-width:25px;width: 100%;display: inline-block;vertical-align: middle;margin: 0 10px 0 0 }
.landing .destaque .center .miolo ul li .text{font-size: 13px;text-transform: uppercase;color:#fff;font-weight: 600;display: inline-block;vertical-align: middle;line-height: 13px}

.landing .destaque .center .miolo .bt1{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 10px 25px;width: auto;margin:40px auto;display: block;text-align: center;display: inline-block;}
.landing .destaque .center .miolo .bt1 .icon{max-width: 25px;max-height: 25px;}
.landing .destaque .center .miolo .bt1 .text{font-size: 15px;line-height: 15px;margin:0 0 0 10px}

.landing .sup {width: 100%;padding: 50px 0 40px 0;}
.landing .sup h2{font-size: 30px;line-height: 35px;margin:0 auto 35px auto;padding:0 20px}
.landing .sup h3{font-size: 23px;line-height: 30px}
.landing .sup .line{width: 100%;margin:0 0 0 0;padding:0 15px}
.landing .sup .line .left{float: none;width:100%;}
.landing .sup .line .left p{text-align: center;margin:0 0 25px 0;line-height: 26px}
.landing .sup .line .right{float: none;width:100%;}
.landing .sup .line .right p{text-align: center;margin:0 0 25px 0;line-height: 26px}

.landing .box_servicos{width: 100%;padding: 50px 0 50px 0;position: relative;}
.landing .box_servicos::after{height: 8px;width:120px;position: absolute;top: 0;left:50%;margin-left:-60px;content: '';}
.landing .box_servicos h2{font-size: 30px;line-height: 35px}
.landing .box_servicos h2 span{font-size: 35px;line-height: 40px}
.landing .box_servicos h3{font-size: 14px;padding: 0 15px}
.landing .box_servicos .vitrine{padding: 70px 0 0 0;}
.landing .box_servicos .vitrine .sep{margin:0 35px 60px 35px;width: 230px}
.landing .box_servicos .vitrine .sep:nth-child(4n){margin:0 35px 60px 35px;width: 230px}
.landing .box_servicos .vitrine .sep p{height: auto !important}

.landing .box_passo{padding:50px 0 20px 0}
.landing .box_passo h2{font-size: 30px;line-height: 35px;padding: 0 20px}
.landing .box_passo .descri{font-size: 16px;line-height: 27px;width: 100%;padding: 0 20px}
.landing .box_passo .box_title{padding-bottom: 70px }
.landing .box_passo .line{display: none}
.landing .box_passo .vitrine{display: block;text-align: center;}
.landing .box_passo .vitrine .sep {width: 270px;display: inline-block;margin: 0 20px 55px 20px;flex: inherit;max-width: 270px;vertical-align: top;padding:0}
.landing .box_passo .vitrine .sep h3{font-size: 17px;}
.landing .box_passo .vitrine .sep figure:before{display:none;}
.landing .box_passo .vitrine .sep figure:after{display:none;}
.landing .box_passo .vitrine .sep h3{margin: 25px 0 20px 0;padding: 0;font-size: 20px}
.landing .box_passo .vitrine .sep figure .contador::before{font-size: 17px}


.landing .middle, .home .middle{padding: 50px 0 115px 0}
.landing .middle, .home .middle h2{font-size: 30px;line-height: 35px}
.landing .middle, .home .middle h3{font-size: 14px;padding: 0 15px}
.landing .middle, .home .middle .bt1{border-radius:30px;border: 2px solid #37a94a;background-color:#37a94a;padding: 10px 25px;width: auto;margin:40px auto;display: block;text-align: center;display: inline-block;}
.landing .middle, .home .middle .bt1 .icon{max-width: 25px;max-height: 25px;}
.landing .middle, .home .middle .bt1 .text{font-size: 15px;line-height: 15px;margin:0 0 0 10px}

.landing .hashtags{padding:40px 0;background-color:#f5f5f5}
.landing .hashtags h2{font-size:30px;line-height: 35px;margin:0 auto 0 auto;padding:0 15px}
.landing .hashtags .vitrine{margin-top:30px}
.landing .box_duvidas{padding: 50px 0}
.landing .box_duvidas h2{font-size: 30px;line-height: 35px;padding:0 15px}
.landing .box_duvidas .vitrine{margin: 0 0 0 0}
.landing .box_duvidas .conti .vitrine .sep .supi {padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;}
.landing .box_duvidas .conti .vitrine .sep .supi h3{font-size:16px;width:85%;display: inline-block;vertical-align: middle;float: none;margin:0 10% 0 0 }
.landing .box_duvidas .conti .vitrine .sep .supi .icon{display: inline-block;vertical-align: middle;float: none;}
.landing .box_duvidas .conti .vitrine .sep{padding: 0 15px;border-radius: 5px}

.landing .infos_extra{padding: 40px 15px;display:none;}

.landing .hashtags2{padding:0 0;}
.landing .hashtags2 h2{font-size:30px;line-height: 35px;margin:0 auto 0 auto;padding:0 0}

.web-concepts {
  padding: 50px 0;
}

.web-concepts-title {
  font-size: 25px;
  margin-bottom: 35px;
  padding: 0 15px;
}

.web-concepts-title span {font-size: 23px;line-height:23px}

.definition-cards {
  gap: 15px;
}

.definition-card {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 15px auto;
}


.services-cascavel {
  padding: 50px 0;
}

.services-title {
  font-size: 25px;
  margin-bottom: 35px;
  padding: 0 15px;
}

.services-title span {font-size: 23px;line-height:23px}

.services-cards {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-card {
  width: 100%;
  max-width: 400px;
  margin-bottom: 15px;
}


.gdpr-bar{
    display: block;
    align-items: inherit;
    justify-content:inherit;}


.gdpr-bar .left{
    width: 100% !important;
    padding: 5px 20px 0 20px ;box-sizing: border-box;
    float: none;
    font-size: 14px;line-height: 19px;text-align: center;
}
.gdpr-bar .left span{width: 100%;}
.gdpr-bar .right{
    width: 100%;
    margin: 10px auto 0 auto;
    text-align: center;
}

.redes {
    width: 165px;
    padding: 0 0 0 15px;
}

.agencia .box_duvidas .subtitle{font-size: 20px;line-height: 30px;color:#a42648;font-weight: 300}

}
/* Dispositivos com tela abaixo de 600px */
@media(max-width: 600px){
.servicos .vitrine .sep img {width: 110px;background-size: 110px !important;}
.servicos .vitrine .sep h2{margin-bottom: 10px}
.home .destaque{width:100%;height:100vh;}
.home .destaque .item{width:100%;height: 100vh;}
.home .destaque .item .miolo{max-width:100%;padding: 40px 0 0 0;margin: 0 auto;}
.home .destaque .item .miolo h2 {font-size: 18px;line-height: 24px;padding:0 15px}
.home .destaque .item .miolo h3 {font-size: 25px;line-height: 31px;padding: 0 15px}
.home .mouse {width: 40px;margin: -103px auto 48px auto;}
.home .conteudo .sobre {width: 100%;padding: 55px 0 55px 0;margin:-1px 0 0 0;}
.home .conteudo .sobre h1 {font-size: 21px;line-height: 34px;}
.home .conteudo .sobre .line {margin: 0 0 0 0;}
.home .conteudo .servicos::after {height: 5px;}
.home .conteudo .servicos h2{font-size:25px;line-height: 30px}
.home .conteudo .servicos h2 span{font-size: 30px;line-height: 35px}
.home .conteudo .servicos .vitrine .sep{margin:0 auto 60px auto;width: 230px;display: block;}
.home .conteudo .servicos .vitrine .sep:nth-child(4n){margin:0 auto 60px auto;width: 230px}

.home .conteudo .diferenciais h2{font-size:25px;line-height: 30px;}
.home .conteudo .diferenciais h2 span{font-size: 30px;line-height: 35px}
.home .conteudo .diferenciais .vitrine{display: initial;flex-direction: initial;padding:0 15px}
.home .conteudo .diferenciais .vitrine .sep{display: block;max-width: 400px;width: 100%;margin: 0 auto 15px auto;}
.home .conteudo .diferenciais .vitrine .sep:nth-child(4n){margin: 0 auto 15px auto;}

.conteudo .trabalhos {border-top: 24px solid #f5f5f5;}
.conteudo .trabalhos h2{font-size:25px;line-height: 30px}
.conteudo .trabalhos h2 span{font-size: 30px;line-height: 35px}
.conteudo .trabalhos .vitrine{width:100%;margin:50px 0 0 0;}
.conteudo .trabalhos .vitrine .sep h3{font-size: 16px;line-height: 18px}
.conteudo .trabalhos .vitrine .sep p{font-size: 14px}
.conteudo .trabalhos .vitrine .sep{margin:0 auto 35px auto;display: block;width: 300px}
.conteudo .trabalhos .vitrine .sep:nth-child(3n){margin:0 auto 35px auto;}
.conteudo .trabalhos .vitrine .sep .thumb{width: 300px;height: 162px}
.conteudo .trabalhos .vitrine .sep .retina{display: block;background-color: transparent;padding:20px 0 0 0;}

.conteudo .blog{padding: 85px 0 5px 0;}
.conteudo .blog h2{font-size:25px;line-height: 30px;padding:55px 0 0 0;}
.conteudo .blog h2 span{font-size: 30px;line-height: 35px}
.conteudo .blog .vitrine .sep{width: 300px;display:block;margin:0 auto 35px auto;}
.conteudo .blog .vitrine .sep:nth-child(3n){margin:0 auto 35px auto;}
.conteudo .blog .vitrine .sep .category{font-size: 13px}
.conteudo .blog .vitrine .sep .thumb{width: 280px;height:175px;overflow: hidden;}
.conteudo .blog .vitrine .sep .box_text{width: 100%;padding: 25px 15px;box-sizing: border-box;}
.conteudo .blog .vitrine .sep .box_text .data{font-size: 13px;color:#a42648;font-weight: 400;margin-bottom: 15px;display: block;}
.conteudo .blog .vitrine .sep .box_text .data span{margin:0 7px 0 0;}
.conteudo .blog .vitrine .sep .box_text h3{color:#666;font-size: 19px;line-height: 23px;height:auto;overflow: visible;}
.conteudo .blog .vitrine .sep .box_text p{color:#666;font-size: 16px;line-height: 21px;margin:0 0 55px 0;height:auto;}
.bt_posts{;padding: 10px 0;width: 150px;font-size: 15px;margin:30px auto;}

.conteudo .orcamento {padding: 45px 0 45px 0;}
.conteudo .orcamento h2{font-size:25px;line-height: 30px;}
.conteudo .orcamento h2 span{font-size: 30px;line-height: 35px}
.wrapper-input.half{width: 100%;}
.conteudo .orcamento h3{font-size: 18px;line-height: 24px;padding: 0 15px}
.conteudo .contato {padding: 0 0 90px 0;}
.conteudo .contato .left{}
.conteudo .contato h2{font-size:25px;line-height: 30px}
.conteudo .contato h2 span{font-size: 30px;line-height: 35px}
.conteudo .orcamento form input{margin:0 0 15px 0;border-radius: 10px;}
.conteudo .orcamento form textarea{margin:0 0 15px 0;border-radius: 10px;}
.conteudo .orcamento form button{padding: 13px 35px;font-size: 15px;border-radius: 10px;margin:0 auto 25px auto}
.internas .conteudo .conti{padding: 40px 0}
.internas .conteudo .caixa_title{padding: 40px 0 30px 0 }
.internas .conteudo .caixa_title h2{font-size: 20px;line-height: 20px;text-align: center;}
.conteudo .contato .map{width:100%;float:none;height:150px;padding:35px 0 0 0;margin:0 auto;}
.conteudo .contato .map iframe{width:100%;height:250px;}
.todas_postagens .left .vitrine{text-align: center;}
.todas_postagens .left .vitrine .sep{width: 300px;display:block;margin:0 auto 35px auto;}
.todas_postagens .left .vitrine .sep:nth-child(2n){margin:0 auto 35px auto;}
.todas_postagens .left .vitrine .sep .category{font-size: 13px}
.todas_postagens .left .vitrine .sep .thumb{width: 280px;height:175px;overflow: hidden;}
.todas_postagens .left .vitrine .sep .box_text{width: 100%;padding: 25px 15px;box-sizing: border-box;}
.todas_postagens .left .vitrine .sep .box_text .data{font-size: 13px;color:#a42648;font-weight: 400;margin-bottom: 15px;display: block;}
.todas_postagens .left .vitrine .sep .box_text .data span{margin:0 7px 0 0;}
.todas_postagens .left .vitrine .sep .box_text h3{color:#666;font-size: 19px;line-height: 23px;height:auto;overflow: visible;}
.todas_postagens .left .vitrine .sep .box_text p{color:#666;font-size: 16px;line-height: 21px;margin:0 0 55px 0;height:auto;}
.conteudo .contato .left{padding:30px 0 0 15px;box-sizing: border-box;}
.conteudo .contato .left .text {width: 225px;font-size: 15px;}

.bloguer .conteudo .caixa_title{padding: 40px 20px 30px 20px }
.bloguer .conteudo .caixa_title h2{text-align: left;}
.bloguer .conteudo .caixa_title .bread{text-align: left;}

.landing .destaque{height:auto;padding: 0 0 0 0;min-height:100vh;height: 100vh;max-height: 100vh}
.landing .destaque .center .miolo h1{font-size: 27px; line-height: 33px;padding: 0 0;text-align: center;}
.landing .destaque .center .miolo h1 .title_span{font-size: 22px;}

.landing .destaque .center .miolo .texto{padding: 0 0}
.landing .destaque .center .miolo .texto p{text-align: center;font-size: 15px !important}
.landing .sup h2{font-size: 25px;line-height: 34px;margin:0 auto 15px auto;padding:0 15px}
.landing .sup h3{font-size: 20px;line-height: 30px;padding:0 15px}

.landing .box_servicos h2{font-size: 25px;line-height: 34px;margin:0 auto 10px auto;padding:0 15px}
.landing .middle, .home .middle h2{font-size: 25px;line-height: 34px;margin:0 auto 10px auto;padding:0 15px}


.landing .box_passos h2{font-size: 25px;line-height: 34px;margin:0 auto 20px auto;padding:0 15px}
.landing .box_passos .descri{padding-bottom: 0 15px}
.landing .box_passos .box_title{padding-bottom: 70px }
.landing .box_passos .line{display: none}
.landing .box_passos .vitrine{display: block;text-align: center;}
.landing .box_passos .vitrine .sep {width: 270px;display: inline-block;margin: 0 20px 55px 20px;flex: inherit;max-width: 270px;vertical-align: top;padding:0}
.landing .box_passos .vitrine .sep figure:before{display:none;}
.landing .box_passos .vitrine .sep figure:after{display:none;}
.landing .box_passos .vitrine .sep h3{margin: 25px 0 20px 0;padding: 0;font-size: 20px}
.landing .box_passos .vitrine .sep figure .contador::before{font-size: 17px}


.landing .middle, .home .middle .vitrine{display: initial;flex-direction: initial;padding:0 15px}
.landing .middle, .home .middle .vitrine .sep{display: block;max-width: 400px;width: 100%;margin: 0 auto 15px auto;}
.landing .middle, .home .middle .vitrine .sep:nth-child(4n){margin: 0 auto 15px auto;}


.landing .destaque .center .miolo ul li{margin:0 0 15px 0}
.landing .destaque .center .miolo ul li .icon{display: inline-block;margin:0 10px 0 0;vertical-align: middle;}
.landing .destaque .center .miolo ul li .text{line-height: 16px;display: inline-block;font-size: 12px;width: 70%}

.landing .hashtags{padding:40px 0;background-color:#f5f5f5}
.landing .hashtags h2{font-size:25px;line-height: 34px;margin:0 auto 0 auto;padding:0 15px}

.landing .hashtags .vitrine{margin-top:30px}
.landing .hashtags .vitrine .sep{font-size: 16px;margin:0 10px 10px 10px}
.landing .hashtags .vitrine .sep span{font-size: 18px;}

.landing .box_duvida h2{font-size: 25px;line-height: 34px;margin:0 auto 10px auto;padding:0 15px}

.landing .box_duvidas .vitrine{margin: 0 0 0 0}
.landing .box_duvidas .vitrine .sep .supi h3{font-size:16px;line-height: 24px;width:84%;display: inline-block;vertical-align: middle;float: none;margin:0 7% 0 0 }
.landing .box_duvidas .vitrine .active .texto p{font-size: 16px;line-height: 24px}

.landing .hashtags2{padding:0 0;}
.landing .hashtags2 h2{font-size:25px;line-height: 34px;margin:0 auto 30px auto;padding:0 0}

.agencia .box_duvidas .subtitle{font-size: 20px;line-height: 30px;color:#a42648;font-weight: 300;padding: 0 15px}

.landing .box_duvidas h2 {font-size: 25px;line-height: 33px;padding: 0 15px;}


.bloguer .icon_blog{top:25px;width: 145px}
.bloguer .icon_blog .descri{font-size: 11px}
.bloguer .icon_blog .icon{margin: 0 6px 0 0 }

.web-concepts-title {font-size: 22px;line-height: 30px;}
.web-concepts-title span {font-size: 20px;line-height:20px}
.definition-card-inner {padding: 25px 20px;}
.definition-card-title {font-size: 16px;}
.definition-card-text {font-size: 14px;}

  .services-title {
    font-size: 22px;
    line-height: 30px;
  }
  .services-title span {font-size: 20px;line-height:20px}
  .service-card {
    max-width: 300px;
  }
  
  .service-card-inner {
    padding: 25px 15px;
  }
  
  .service-card-title {
    font-size: 16px;
  }
  
  .service-card-text {
    font-size: 14px;
  }
}


@media(max-width: 365px){

    .home .destaque .item .miolo .line .bt1 .text{font-size: 12px}
    .landing .destaque .center .miolo .bt1 .text{font-size: 12px}
    .landing .middle, .home .middle .bt1 .text{font-size: 12px;line-height: 15px;margin:0 0 0 10px}
    .line .bt2 .text{font-size: 11px}
}

.hamburguer{
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  right:20px;
  top: 26px;
  z-index: 2000;
}
.hamburguer span{
  width: 25px;
  height: 3px;
  background: #fff;
  display: block;
  position: absolute;
  transition: all .2s;
  border-radius: 2px;
}
.hamburguer.active{position: fixed;}
.hamburguer.active span{background-color:#fff}
.hamburguer .top-line{
  top: 4px
}
.hamburguer .middle-line{
  margin-top: -1.5px;
  top: 50%;
}
.hamburguer .bottom-line{
  bottom: 4px;
}
.hamburguer.active .top-line{
  transform: rotate(45deg);
  top: 11px;
}
.hamburguer.active .middle-line{
  opacity: 0;
}
.hamburguer.active .bottom-line{
  transform: rotate(-45deg);
  bottom: 11px;
}
.hamburguer:hover .top-line{
  top: 0px;
  -webkit-animation: bounceOutTop .2s linear;
}
.hamburguer:hover .bottom-line{
  bottom: 0px;
  -webkit-animation: bounceOutBottom .2s linear;
}
@-webkit-keyframes bounceOutTop {
  0%{ top: 2.5px;}
  25%{ top: -1px;}
  50%{ top: -2px;}
  75%{ top: -1px;}
  100%{ top: 1px;}
}
@-webkit-keyframes bounceOutBottom {
  0%{ bottom: 2.5px;}
  25%{ bottom: -1px;}
  50%{ bottom: -2px;}
  75%{ bottom: -1px;}
  100%{ bottom: 1px;}
}
.hamburguer.active:hover .top-line{
  transform: rotate(50deg);
  top: 11px;
  -webkit-animation: none;
}
.hamburguer.active:hover .bottom-line{
  transform: rotate(-50deg);
  bottom: 11px;
  -webkit-animation: none;
}






/* back top */
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.pulse-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(76, 175, 80, 0.5);
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}




/* Initiate Auto-Pulse animations */
.pulse-button {
    animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
}

/* Initiate color change for pulse-on-hover */
.pulse-button-hover {
    animation: colorShift 10000ms infinite ease-in;
}

/* Continue animation and add shine on hover */
.pulse-button:hover,
.pulse-button:focus {
    animation: borderPulse 1000ms infinite ease-out, hoverShine 200ms;
}


/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(77,194,71,.4), 0px 0px 0px 0px rgba(77,194,71,1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(77,194,71,.2), 0px 0px 0px 10px rgba(77,194,71,0);
  }
}

/* Declare shine on hover animation */
@keyframes hoverShine {
    0%{
        background-image: linear-gradient(135deg, rgba(77,194,71,.4) 0%, rgba(77,194,71,0) 50%, rgba(77,194,71,0) 100%);
    }
    50%{
        background-image: linear-gradient(135deg, rgba(77,194,71,0) 0%, rgba(77,194,71,.4) 50%, rgba(77,194,71,0) 100%);
    }
    100%{
        background-image: linear-gradient(135deg, rgba(213,39,81,0) 0%, rgba(213,39,81,0) 50%, rgba(213,39,81,.4) 100%);
    }
}


/* Definir a animação */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.worm {
  display: inline-block;
  background: none;
  border: none;
  transition: color 0.2s;
  
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  cursor: pointer !important;
}
.worm:before, .worm:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid transparent;
  will-change: transform;
  transition: transform 0.3s ease;
  pointer-events: none;
  transform: translateZ(0);
}
.worm:before {
  
  transform: skew(-81deg, 0);
}
.worm:after {
  
  transform: skew(0, 100deg);
  transition: transform 0.4s;
}
.worm:hover {
  color: #a42648;
}
.worm:hover:before, .worm:hover:after {
  transform: skew(0, 0);
}

.fade-up-pop {
    animation: fadeInUp ease 3s;
    -webkit-animation: fadeInUp ease 3s;
    -moz-animation: fadeInUp ease 3s;
    -o-animation: fadeInUp ease 3s;
    -ms-animation: fadeInUp ease 3s;
}


/* =========================
   Bloco: Depoimentos (MW7)
   ========================= */

/* Seção */
#depoimentos {
  width: 100%;
  padding: 70px 0;
  background-color: #f8f8f8;
  position: relative;
}

#depoimentos h2 {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #100f12;
  text-align: center;
  margin: 0 auto 35px auto;
  max-width: 900px;
  padding: 0 15px;
}
#depoimentos h2 span { color: #a42648; }

/* Grid de cards */
#depoimentos .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin-top: 10px;
}

/* Card */
.review-card {
  width: 350px;
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.11);
  transition: transform .3s ease, box-shadow .3s ease;
  position: relative;
}
.review-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

/* Avatar */
.review-card .review-figure {
  width: 80px; height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 0 15px 0;
  border: 3px solid rgba(164,38,72,0.15);
}
.review-card .review-figure img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

/* Texto do depoimento */
.review-card .review-text {
  font-size: 15px;
  line-height: 25px;
  color: #666;
  margin: 5px 0 15px 0;
}

/* Rodapé (autor / empresa / cidade) */
.review-card .review-meta {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  font-weight: 500;
}
.review-card .review-meta .role,
.review-card .review-meta .company,
.review-card .review-meta .location {
  color: #666; font-weight: 400;
}

/* Estrelas (CSS-only) 
   use style="--rating: 4.5" no .rating (0–5)
*/
.rating {
  --rating: 5;               /* valor padrão */
  --star-size: 18px;
  --star-color: #ddd;
  --star-active: #ffc107;
  display: inline-block;
  font-size: var(--star-size);
  line-height: 1;
  letter-spacing: 3px;
  position: relative;
}
.rating::before {
  content: "★★★★★";
  color: var(--star-color);
}
.rating::after {
  content: "★★★★★";
  position: absolute; left: 0; top: 0;
  width: calc((var(--rating) / 5) * 100%);
  overflow: hidden;
  color: var(--star-active);
}

.review-meta{background-color: white;}

/* Barra superior decorativa (coerente com seus cards escuros) */
.review-card::before {
  content: '';
  position: absolute; left: 0; top: 0; right: 0; height: 4px;
  background: #a42648;
  border-radius: 15px 15px 0 0;
}

/* Acessibilidade: foco visível nos cards se forem clicáveis */
.review-card:focus-within {
  outline: 2px solid #a42648;
  outline-offset: 2px;
}

/* ====== Responsivo ====== */
@media (max-width: 1023px) {
  .review-card { width: 100%; max-width: 400px; }
}

@media (max-width: 600px) {
  #depoimentos { padding: 50px 15px; }
  #depoimentos h2 { font-size: 25px; line-height: 30px; margin-bottom: 25px; }
  .review-card { padding: 20px; }
  .review-card .review-text { font-size: 15px; line-height: 24px; }
}