/*
Cinza: #292929
Cinza Claro: #9b9b9b
Amarelo: #ffbe34

Fundo: #f7f7f7
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {color: #353535;}
.cinzaEscuro {color: #292929 !important;}
.cinzaClaro {color: #9b9b9b !important;}

.fs-17 {font-size: 17px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-24 {font-size: 24px !important;}

.left {text-align: left !important;}
.right {text-align: right !important;}

.fw-600 {font-weight: 600;}

.mb-0 {margin-bottom: 0 !important;}

.cn-orcamento .agente, .cn-garantia .agente, .cn-hero-text .agente {display: flex;align-items: center;gap: 10px;margin: 10px 0 20px;letter-spacing: .5px;text-transform: uppercase;}
.cn-loja .agente, .cn-como .agente {display: flex;align-items: center;justify-content: center;gap: 10px;margin: 10px 0 20px;}
.cn-orcamento .agente span, .cn-garantia .agente span, .cn-loja .agente span, .cn-hero-text .agente, .cn-como .agente span {font-size: 16px;line-height: 16px;font-weight: 800;}
.cn-como h2, .cn-loja h2 {font-weight: 400;}
.cn-hero-text img {width: 242px;margin-bottom: 20px;}
.pagina-inicial a.logo {display: none;}
.cn-header img {max-width: 220px;}
/*header.cn-header-original-oculto {display: none;}*/

header.cn-header-original-oculto,
header[data-cn-header-oculto="true"] {
  display: none !important;
}

#cn-home-consertaja *{box-sizing:border-box;}
#cn-home-consertaja{color:#292929;background:#f7f7f7;overflow:hidden;}
.cn-menu-item > a {padding: 14px 0 !important;color: #292929 !important;font-size: 14px !important;font-weight: 500;line-height: 20px;}
nav a {text-decoration:none;color:inherit;display: grid;text-align: right;}
nav a small {color: #a0a0a0;font-size: 12px;}
.cn-header{width:min(1180px,92%);margin:0 auto;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.cn-header img{max-width:170px;}
.cn-header nav{display:flex;gap:28px;font-size:15px;font-weight:700;}
.pagina-inicial .cn-header nav {gap: 48px;}
.cn-menu-btn{border:0;background:#ffae00;color:#fff;border-radius:14px;width:42px;height:42px;font-size:22px;cursor:pointer;display: flex;justify-content: center;align-items: center;}
.cn-hero{width:min(1180px,97%);margin:0 auto 60px;display:grid;grid-template-columns:42% 58%;align-items:center;}
.cn-hero-text span{text-transform:uppercase;font-weight:900;font-size:16px;letter-spacing:.5px;line-height: 14px;}
.cn-loja span,.cn-garantia span{text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.5px;}
.cn-loja iframe {width: 100%;}
.cn-hero h1 {font-size: 45px;line-height: .88;margin: 10px 0 18px;max-width: 360px;font-weight: 600;letter-spacing: -2px;}
.cn-hero h1 strong{display:block;font-size:125px;line-height: 100px;}
.cn-hero p{font-size: 17px;color: #9b9b9b;max-width: 360px;line-height: 20px;}
.cn-hero p b {color: #292929;}
.cn-hero h3{font-size:25px;margin:28px 0 10px;}
.cn-whats{display:inline-block;color:#fff!important;border-radius:18px;padding:10px 22px;font-size:18px;line-height:1.1;}
.cn-whats b{font-size:23px;}
.balao-whatsapp a.cn-whats {background-image: url(https://cdn.awsli.com.br/2974/2974393/arquivos/img-balaowhatsapp.png);min-width: 278px;height: 126px;background-repeat: no-repeat;text-align: right;padding-top: 24px;padding-right: 50px;line-height: 27px;}
.balao-whatsapp small {font-size: 15px !important;margin-top: 18px !important;color: #9b9b9b !important;}
.balao-whatsapp {display: flex;}
.cn-whats b {display: flex;justify-content: end;font-size: 29px;}
.cn-whats b small {color: #fff;font-size: 20px !important;margin-top: 3px !important;font-weight: 500;margin-right: 5px;}
.cn-hero small{display:block;margin-top:12px;color:#9b9b9b;font-size:12px;}
.cn-hero-img{position:relative;}
.cn-hero-img img{width:100%;display:block;}
.cn-hero-img span {position: absolute;left: 48%;bottom: 18%;display: block;width: 170px;max-width: 32%;animation: cnColetaPulse 1.8s ease-in-out infinite;transform-origin: center;}
.cn-hero-img span img {display: block;width: 100%;height: auto;}

@keyframes cnColetaPulse {
  0%, 100% {
    transform: rotate(-12deg) scale(.92);
  }

  50% {
    transform: rotate(-12deg) scale(1);
  }
}

.cn-servicos{width:min(1180px,97%);margin:0 auto 70px;text-align:center;}
.cn-title{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:40px;}
.cn-title h2{font-size:48px;line-height:.8;margin:0;text-align:right;}
.cn-title h2 strong{display:block;font-size:80px;}
.cn-title p{max-width: 210px;text-align: left;font-size: 26px;font-weight: 400;margin: 0;letter-spacing: -1.7px;line-height: 24px; }
.cn-title p small {display: block;font-size: 17px;color: #9b9b9b;letter-spacing: 0;}
.cn-title a{background: #292929;color: #fff;border-radius: 40px;padding: 7px 20px;font-weight: 400;font-size: 22px;letter-spacing: -1px;}
.cn-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.cn-card{background: #fff;border-radius: 24px;padding: 135px 18px 22px;box-shadow: 0 18px 40px rgba(0, 0, 0, .12);display: flex;flex-direction: column;align-items: center;position: relative;margin-top: 60px;}
.cn-card img{height: 220px;object-fit: contain;margin-bottom: 16px;max-width: 100%;position: absolute;top: -87px;}
.cn-card h3{font-size:19px;margin:0 0 10px;line-height:1.1;min-height: 42px;}
.cn-card p{font-size: 16px;color: #9b9b9b; min-height: 75px;margin: 0 0 12px;font-weight: 300 !important;line-height: 20px;}
.cn-card span{font-size:13px;color:#9b9b9b;}
.cn-card b {margin-top: 4px;color: #202020;}
.cn-card small{font-size:13px;color:#555;margin:0px 0 10px;}
.cn-card a {margin-top: 20px;background: #202020;color: #fff;border-radius: 50px;padding: 13px 32px;font-weight: 300;font-size: 18px;width: 90%;}
.cn-aviso{max-width:850px;margin:35px auto 0;color:#999;font-size:15px;line-height: 18px;}
.cn-como{width: min(1180px, 97%);margin:0 auto 70px;text-align:center;}
.cn-como h2,.cn-loja h2{font-size:42px;line-height:.95;margin:8px 0 20px;}
.cn-como h2 strong,.cn-loja h2 strong{display:block;font-size:50px;}
.cn-como>p{max-width:720px;margin:0 auto 35px;color:#9b9b9b;}
.cn-como-grid{display:grid;grid-template-columns:1fr 420px;gap:45px;align-items:center;text-align:left;}
.cn-como-grid .span6:nth-child(1) {width: 95%;}
.cn-como-grid .span6 {width: 100%;margin-left: 0;position: relative;}
.cn-como-grid .span6 > p {font-size: 16px;color: #9b9b9b;line-height: 20px;text-align: right;margin-bottom: 40px;font-weight: 300;}
.cn-como-grid span.img-check {position: absolute;top: 30%;transform: translateY(-50%);left: -60px;}
.img-check {display: block;width: 209px;max-width: 100%;animation: cnCheckPulse 1.8s ease-in-out infinite;transform-origin: center;}
.img-check img {display: block;width: 100%;height: auto;}

@keyframes cnCheckPulse {
  0%, 100% {
    transform: scale(.92);
  }

  50% {
    transform: scale(1);
  }
}

.cn-beneficios{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.cn-beneficios div{padding-left:60px;position:relative;}
.cn-beneficios div:before {content: "";position: absolute;left: 0;top: 0;width: 46px;height: 46px;border-radius: 50%;background-size: contain;background-repeat: no-repeat;}
.cn-beneficios div:nth-child(1):before{background-image: url(https://cdn.awsli.com.br/2974/2974393/arquivos/icon-lupa.png);}
.cn-beneficios div:nth-child(2):before{background-image: url(https://cdn.awsli.com.br/2974/2974393/arquivos/icon-localizacao.png);}
.cn-beneficios div:nth-child(3):before{background-image: url(https://cdn.awsli.com.br/2974/2974393/arquivos/icon-coleta.png);}
.cn-beneficios div:nth-child(4):before{background-image: url(https://cdn.awsli.com.br/2974/2974393/arquivos/icon-tecnico.png);}
.cn-beneficios b{text-transform:uppercase;font-size:20px;line-height: 24px;display:block;}
.cn-beneficios p {font-size: 16px;color: #9b9b9b;margin: 5px 0 0;line-height: 18px;font-weight: 300;}
.cn-orcamento{width: min(1000px, 92%);margin: 0 auto;display: grid;grid-template-columns: 15% 77%;align-items: center;gap: 35px;}
.cn-orcamento p {color: #9b9b9b;font-size: 16px;line-height: 1.45;}
.cn-como-grid img{border-radius:42px;}
.cn-loja{text-align:center;margin-bottom:0px;}
.cn-loja p{color:#9b9b9b;margin:0 auto 6px;max-width:700px;}
.cn-loja-btns{display:flex;justify-content:center;gap:14px;margin:25px 0 -26px;position:relative;z-index:2;}
.cn-loja-btns a{background:#16c665;color:#fff;border-radius:14px;padding:14px 18px;font-size:13px;font-weight:600;box-shadow:0 8px 22px rgba(0,0,0,.15);}
.cn-loja-btns a:nth-child(2){background:#fff;color:#292929;}
.cn-loja-btns a:nth-child(3){background:#24c8ec;color:#111;}
.cn-mapa{width:100%;display:block;}
.cn-garantia{width:min(1000px,92%);margin:0 auto;display:grid;grid-template-columns:42% 58%;align-items:center;gap:35px;}
.cn-garantia h2{font-size:36px;line-height:1.05;margin:24px 0;}
.cn-garantia p{color:#9b9b9b;font-size:16px;line-height:1.45;}
.cn-garantia img{width: 100%;margin-top: -50px;}
/*.cn-marcas{width:min(760px,86%);margin:0 auto 35px;text-align:center;}
.cn-marcas img{width:100%;}*/
.cn-news{text-align:center;margin:0 auto 55px;width:min(560px,90%);}
.cn-news h3{font-size:20px;margin:0 0 4px;}
.cn-news p{font-size:13px;color:#9b9b9b;margin:0 0 15px;}
.cn-news form{display:flex;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08);}
.cn-news input{flex:1;border:0;padding:15px 20px;outline:0;}
.cn-news button{border:0;background:#292929;color:#fff;width:54px;cursor:pointer;}
.cn-footer{width:min(760px,92%);margin:0 auto;padding-bottom:60px;display:grid;grid-template-columns:180px 1fr 210px;gap:25px;align-items:start;text-align:left;color:#9b9b9b;font-size:13px;}
.cn-footer img{width:170px;}
.cn-footer b{color:#292929;}
.cn-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9998;opacity:0;visibility:hidden;transition:.25s;}
.cn-overlay.ativo{opacity:1;visibility:visible;}
.cn-menu{position:fixed;left:30px;top:30px;width:330px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;z-index:9999;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.25);transform:translateX(-130%);transition:.3s;}
.cn-menu.ativo{transform:translateX(0);}
.cn-menu-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:24px;cursor:pointer;color: #292929;}
.cn-menu-logo{width:180px;margin-bottom:18px;}
.cn-menu p{font-size: 15px;color: #9b9b9b;line-height: 1.35;}
.cn-menu h4{margin:18px 0 10px;}
.cn-menu-item{border-top:1px solid #e5e5e5;}
.cn-menu-item button{width:100%;border:0;background:#fff;text-align:left;padding:14px 0;font-weight:500;cursor:pointer;position:relative;color: #292929;}
.cn-menu-item button:after{content: "";position: absolute;right: 0;background-image: url(https://cdn.awsli.com.br/2974/2974393/arquivos/down-arrow.svg);width: 20px;height: 20px;}
.cn-menu-item div{display:none;padding:0 0 14px;}
.cn-menu-item a{display:block;color:#888;font-size:13px;padding:4px 0;}
.cn-menu-item.ativo div{display:block;}
.cn-toggle-icon {width: 55px;height: 30px;background: #fff;border-radius: 30px;display: inline-block;position: relative;vertical-align: middle;overflow: hidden;border: 5px solid #292929;}
.cn-toggle-icon:before {content: "";width: 16px;height: 16px;background: #292929;border-radius: 50%;position: absolute;top: 2px;left: 4px;animation: cnToggleMove 1.4s ease-in-out infinite alternate;}

@keyframes cnToggleMove {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(18px);
  }
}


/*body.pagina-inicial #cn-home-consertaja {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .45s ease, transform .45s ease;
}

body.pagina-inicial.cn-home-carregada #cn-home-consertaja {
  opacity: 1;
  transform: translateY(0);
}

body.pagina-inicial:not(.cn-home-carregada) .secao-principal {
  opacity: 0;
}

body.pagina-inicial.cn-home-carregada .secao-principal {
  opacity: 1;
  transition: opacity .45s ease;
}*/


.suporte-flutuante {display: none;}

#rodape .atendimento-content:before {content: "Atendimento";font-size: 16px;color: #292929;font-weight: 600;margin-bottom: 20px !important;display: block;}
#rodape .rodape-atendimento {width: 30%;}
#rodape {border-top: 0px solid rgb(239, 239, 239);box-shadow: rgba(196, 196, 196, 0.18) 0px 0px 0px 0px;}
#rodape .rodape-inferior {border-top: 0px solid rgba(193, 193, 193, 0.26);background: rgb(247 247 247);}
#barraNewsletter .componente .titulo {color: #292929;font-size: 20px !important;line-height: 24px;}
#rodape .institucional .conteiner .row-fluid {justify-content: center;}
#rodape .rodape-sobre {width: 40%;margin: 0px;text-align: right;}
#rodape .rodape-sobre .logo {margin-left: auto !important;margin-right: 0;}
.cores-personalizadas .newsletter .botao svg {fill: #ffffff;background-color: #2f2f2f;border-radius: 50px;padding: 6px;}
.newsletter .botao svg {width: 24px;height: 24px;}
#rodape .a-block .contato-titulo {font-weight: 200;}
#rodape .atendimento-content .a-block, #rodape .atendimento-content .a-block.ct, .atendimento-content .a-block.cw {flex-direction: row;}
#rodape .atendimento-content .a-block a .a-block-icon {display: none;}
#rodape .atendimento-content .a-block a {margin-top: 0;}
#rodape .a-block .contato-titulo {margin-bottom: 0;}
#rodape .a-block:not(:last-child) {gap: 5px;margin-bottom: 0;border-bottom: 0px solid rgba(144, 144, 144, 0.26);}
#rodape .a-block .a-block-cont strong {line-height: 18px;font-size: 18px;color: #292929;}
#rodape a.fale {display: none;}
#rodape .atendimento-content .a-block.cw span b:before {content: "fale com o";font-size: 16px;font-weight: 300;}
#rodape .atendimento-content .a-block.cw span:after {content: "Filipe :)";font-size: 16px;font-weight: 600;}
.cores-personalizadas #rodape .pagamento-selos {display: none;}
#rodape .a-block.ce strong {font-size: 15px !important;}
#rodape .rodape-titulo {font-weight: 600;color: #292929;margin-top: 20px;margin-bottom: 10px;}
#rodape .gateways-rodape {background-image: none;border: 0px solid #ddd;width: auto;}
#rodape .gateways-rodape li:nth-child(2) {border-left: 0px solid #fff;}
#rodape p.infoRodapeloja {font-size: 15px;color: #9b9b9b;max-width: 1260px;width: 100%;padding: 0 20px !important;margin: 20px auto 50px;text-align: center;}

.cores-personalizadas .vitrine-marcas .titulo-categoria {display: none !important;}
.cores-personalizadas .vitrine-marcas {width: min(1000px, 92%);margin: auto;}


.marcas, .listagem-marcas, #marcas {position: relative;overflow: hidden;}
.marcas:before, .listagem-marcas:before, #marcas:before, .marcas:after, .listagem-marcas:after, #marcas:after { content: ""; position: absolute;top: 0;width: 120px;height: 100%;z-index: 5;pointer-events: none;}
.marcas:before,.listagem-marcas:before,#marcas:before {left: 0;background: linear-gradient(to right, #f7f7f7 0%, rgba(247,247,247,0) 100%);}
.marcas:after,.listagem-marcas:after,#marcas:after {right: 0;background: linear-gradient(to left, #f7f7f7 0%, rgba(247,247,247,0) 100%);}
.marcas img,.listagem-marcas img,#marcas img {max-height: 35px;width: auto;filter: grayscale(1);}
.vitrine-marcas .marcas li {height: inherit;width: auto !important;margin: 0 35px;}
.vitrine-marcas .marcas.efeito2 img {opacity: 1;}

@media(max-width:1024px){
  .cn-hero {grid-template-columns: 52% 48%;} 
  .cores-personalizadas .barra-mobile {display: none;}
  #rodape .collapsible-rodape {display: none;}
  .institucional .rodape-coluna.collapse {display: block !important;height: auto !important;visibility: visible !important;}
  .institucional .collapsible-rodape svg {transform: rotate(180deg);}
  .institucional .collapsible-rodape {pointer-events: none;}
  #rodape .rodape-sobre {width: 100%;text-align: center;}
  #rodape .rodape-sobre .logo {margin: 20px auto 10px;}
  #rodape .rodape-sobre .logo a {height: 47px !important;}
  #rodape .rodape-atendimento {width: 100%;text-align: center;margin-top: 20px !important;}
  #rodape .atendimento-content .a-block, #rodape .atendimento-content .a-block.ct, .atendimento-content .a-block.cw {justify-content: center;}
  .com-barrainferior {padding-bottom: 0;}
}

@media(max-width:900px){
  .cn-header{padding:18px 0}
  .cn-header nav{display:none}
  .cn-header img{max-width:145px}
  .cn-hero{grid-template-columns:1fr;margin-bottom:35px}
  .cn-hero h1{font-size:38px;max-width:260px}
  .cn-hero h1 strong{font-size: 105px;line-height: 80px;}
  .cn-hero-img{margin-top:-10px}
  .cn-hero-img span{width:70px;height:70px;font-size:12px;left:55%;bottom:10%}
  .cn-title{display:block}
  .cn-title h2{text-align:center;font-size:36px}
  .cn-title h2 strong{font-size:52px}
  .cn-title p{text-align:center;margin:12px auto}
  .cn-cards{display:flex;overflow-x:auto;gap:16px;padding:8px 5vw 25px;margin-left:-5vw;margin-right:-5vw;scroll-snap-type:x mandatory}
  .cn-card{min-width:235px;scroll-snap-align:start}
  .cn-como h2,.cn-loja h2{font-size:30px}
  .cn-como h2 strong,.cn-loja h2 strong{font-size:38px}
  .cn-como-grid{grid-template-columns:1fr;text-align:center}
  .cn-beneficios{grid-template-columns:1fr;gap:18px;text-align:left}
  .cn-como-grid img{display:none}
  .cn-loja-btns{gap:8px}
  .cn-loja-btns a{font-size:11px;padding:12px 10px}
  .cn-mapa{height:280px;object-fit:cover}
  .cn-garantia{grid-template-columns:1fr;text-align:center}
  .cn-garantia h2{font-size:28px}
  .cn-footer{grid-template-columns:1fr;text-align:center}
  .cn-footer img{margin:0 auto}
  .cn-menu{left:20px;top:20px}
  .cn-hero-img span {width: 115px;max-width: 34%;left: 55%;bottom: 10%;}
}


@media(max-width:768px){
  .cn-orcamento .agente, .cn-garantia .agente {justify-content: center;}
  .pagina-inicial a.logo {display: block;}
  .cn-hero-text img[alt="Conserta Já Informática"] {display: none;}
  .cn-header img {max-width: 225px;}
  .balao-whatsapp {display: block;}
  .cn-header {width: min(1180px, 85%);}
  .cn-hero {width: min(1180px, 85%);}
  .cn-servicos {width: min(1180px, 85%);}
  .cn-como-grid .span6:nth-child(1) {margin: 30px auto 0;width: 80%;}
  .cn-loja p {width: 80%;}
  .cn-loja h2 {width: 95%;margin: 8px auto 20px;}
  .cn-garantia {margin-top: 30px;}
  .cn-orcamento {display: block;}
  section#cn-orcamento .balao-whatsapp {display: grid;}
  .cn-orcamento p {display: flex;}
  section#cn-orcamento img[alt="Orçamento na hora"] {width: 88px;height: 89px;max-width: 88px;margin-right: 20px;}
  section#cn-orcamento .balao-whatsapp a.cn-whats {max-width: 278px;}
  .cn-como {margin: 0 auto 30px;}

}