.font-200 { font-weight: 200; }
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }
.font-800 { font-weight: 800; }
.font-900 { font-weight: 900; }
.center { text-align:  center; }
.block { display: block; }

.abeezee { font-family: 'ABeeZee', sans-serif !important; }

.bg-columns { background: #e1e1e1; }
.border-columns { border: 1px solid red;}

.mg-0 {margin:0 !important;}
.mg-5 {margin: 0.313em !important;}
.mg-10{margin:0.625em !important;}
.mg-20{margin:1.250em !important;}
.mg-30{margin:1.875em !important;}
.mg-top-5{margin-top:0.313em !important;}
.mg-top-7{margin-top:0.438em !important;}
.mg-top-10{margin-top:0.625em !important;}
.mg-top-12 {margin-top: 0.750em !important;}
.mg-top-15 {margin-top: 0.938em !important;}
.mg-top-20{margin-top:1.250em !important;}
.mg-top-30{margin-top:1.875em !important;}
.mg-top-40{margin-top:2.500em !important;}
.mg-top-50{margin-top:3.125em !important;}
.mg-top-60 {margin-top: 3.750em !important;}
.mg-top-70 {margin-top: 4.375em !important;}
.mg-top-80 {margin-top: 5.000em !important;}
.mg-top-100 {margin-top: 6.250em !important;}
.mg-top-170 {margin-top: 10.625em !important;}
.mg-bottom-5{margin-bottom:0.313em !important;}
.mg-bottom-10{margin-bottom:0.625em !important;}
.mg-bottom-15{margin-bottom:0.938em !important;}
.mg-bottom-20{margin-bottom:1.250em !important;}
.mg-bottom-30{margin-bottom:1.875em !important;}
.mg-bottom-40{margin-bottom:2.500em !important;}
.mg-bottom-50{margin-bottom:3.125em !important;}
.mg-bottom-60{margin-bottom:3.750em !important;}
.mg-bottom-100{margin-bottom:6.250em !important;}
.mg-left-5 {margin-left: 0.313em !important;}
.mg-left-10{margin-left:0.625em !important;}
.mg-left-15{margin-left:0.938em !important;}
.mg-left-20{margin-left:1.250em !important;}
.mg-left-30{margin-left:1.875em !important;}
.mg-left-40{margin-left:2.500em !important;}
.mg-left-50{margin-left:3.125em !important;}
.mg-right-5 {margin: 0.313em !important;}
.mg-right-10{margin-right:0.625em !important;}
.mg-right-15{margin-right:0.938em !important;}
.mg-right-20{margin-right:1.250em !important;}
.mg-right-30{margin-right:1.875em !important;}

.pd-0 {padding:0 !important;}
.pd-5 {padding:0.313em !important;}
.pd-10{padding:0.625em !important;}
.pd-15 { padding: 0.938em; }
.pd-20{padding:1.250em !important;}
.pd-30{padding:1.875em !important;}
.pd-40{padding:2.813em !important;}
.pd-80{padding:5.000em !important;}
.pd-top-5{padding-top:0.313em !important;}
.pd-top-10{padding-top:0.625em !important;}
.pd-top-20{padding-top:1.250em !important;}
.pd-top-30{padding-top:1.875em !important;}
.pd-top-40 {padding-top: 2.813em !important;}
.pd-top-60{padding-top:3.750em !important;}
.pd-top-80{padding-top:5.000em !important;}
.pd-bottom-5{padding-bottom: 0.313em !important;}
.pd-bottom-10{padding-bottom:0.313em !important;}
.pd-bottom-10{padding-bottom:0.625em !important;}
.pd-bottom-20{padding-bottom:1.250em !important;}
.pd-bottom-30{padding-bottom:1.875em !important;}
.pd-bottom-40 {padding-bottom: 2.500em !important;}
.pd-bottom-60 {padding-bottom: 3.750em !important;}
.pd-bottom-80 {padding-bottom: 5.000em !important;}
.pd-left-5{padding-left:0.313em !important;}
.pd-left-10{padding-left:0.625em !important;}
.pd-left-15{padding-left:0.938em !important;}
.pd-left-20{padding-left:1.250em !important;}
.pd-left-30{padding-left:1.875em !important;}
.pd-left-80{padding-left:5.000em !important;}
.pd-right-5{padding-right:0.313em !important;}
.pd-right-10{padding-right:0.625em !important;}
.pd-right-15{padding-left:0.938em !important;}
.pd-right-20{padding-right:1.250em !important;}
.pd-right-30{padding-right:1.875em !important;}
.pd-right-40{padding-right:3.750em !important;}

.texto-8 {font-size: 0.5em !important;}
.texto-10 {font-size: 0.625em !important;}
.texto-11 { font-size: 0.688em !important;}
.texto-12 {font-size: 0.750em !important;}
.texto-13 {font-size: 0.813em !important;}
.texto-14 {font-size: 0.875em !important;}
.texto-16 {font-size: 1em !important;}
.texto-18 {font-size: 1.125em !important;}
.texto-20 {font-size: 1.250em !important;}
.texto-22 {font-size: 1.375em !important;}
.texto-24 {font-size: 1.500em !important;}
.texto-26 {font-size: 1.625em !important;}
.texto-28 {font-size: 1.750em !important;}
.texto-30 {font-size: 1.875em !important;}
.texto-32 {font-size: 2.000em !important;}
.texto-34 {font-size: 2.125em !important;}
.texto-36 {font-size: 2.250em !important;}
.texto-40 {font-size: 2.500em !important;}
.texto-42 {font-size: 2.625em !important;}
.texto-48 {font-size: 3.000em !important;}
.texto-50 {font-size: 3.125em !important;}
.texto-52 {font-size: 3.250em !important;}
.texto-56 {font-size: 3.500em !important;}
.texto-60 {font-size: 3.750em !important;}
.texto-70 {font-size: 4.375em !important;}
.texto-72 {font-size: 4.5em !important;}
.texto-80 {font-size: 5.000em !important;}
.texto-100 {font-size: 6.250em !important;}
.texto-170 {font-size: 10.625em !important;}
.texto-200 {font-size: 12.500em !important;}

.texto { color: #000000 !important;}
.texto-branco { color: #fff; }
.texto-rosa { color: #C11574; }
.texto-cinza-claro { color: #A4A7AE; }
.texto-azul { color: #7CD4FD; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wzap-flutuante { position: fixed; right: 30px; bottom: 20px; z-index: 2000; width: 60px; height: 60px; }

.bg-preto { background: #000000; }
.bg-branco { background: #ffffff; }
.bg-amarelo { background: #FAC515; }
.bg-cinza { background: #E9EAEB !important; }
.bg-cinza-footer { background: #252b37; }

.content-100 { display: block; width: 100%; }
.fundo-menu { background: rgba(0, 0, 0, 0.4); }
.bg-menu-desktop { background: rgba(255, 255, 255, 0.4) !important; }
.bg-menu-desktop:hover { color: #000 !important; background: rgba(255, 255, 255, 0.4) !important; }
.bg-desnudo-bottom { background: url('../img/design-desnudo-bottom.png') repeat-x center; height: 54px; }
.bg-o-que-fazemos { background: url('../img/bg-sobre-nos-o-que-fazemos.png') no-repeat left bottom; }


.banner-base { background: url('../img/banner-base.jpg') no-repeat top center; width: 100%; height: 783px; }


a.footer { color: #ffffff; }
a.footer:hover { color: #ffffff; text-decoration: underline; }
.bg-form { background: #000000 !important; color: #ffffff !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; }

.etiquetas-projetos { background: rgba(218, 218, 218, 0.8); color: #535862; padding: 6px 12px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }    


/* tag projetos home */
.image-container-projetos { position: relative; overflow: hidden; }  
.tags-container-projetos { position: absolute; top: 15px; left: 15px; right: 15px; display: flex; flex-wrap: wrap; gap: 8px; }
.tag-projetos { background: rgba(255, 255, 255, 0.8); color: #000000; padding: 6px 12px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }    

/* accordion home */
.accordion { margin: auto; background: #fff; overflow: hidden; }
.accordion-item { border-bottom: 1px solid #ddd; }
.accordion-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; cursor: pointer; font-weight: bold; transition: background 0.3s; }
.accordion-header:hover { background-color: #e0e0e0; }
.accordion-icon { font-size: 20px; transition: transform 0.3s ease; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease; padding: 0 80px; background: #fff; }
.accordion-item.active .accordion-content { padding: 15px 20px; max-height: none; }
.accordion-item.active .accordion-icon::before { content: "−"; }
.accordion-icon::before { content: "+"; }

.titulo-tarja-clientes { -webkit-border-bottom-right-radius: 150px; -moz-border-radius-bottomright: 150px; border-bottom-right-radius: 150px; }


/* depoimentos home */
.testimonial-slider { position: relative; background: #E9EAEB; border-radius: 10px; overflow: hidden; }
.nav-depoimentos { position: absolute; top: 15px; right: 20px; z-index: 10; display: flex; gap: 8px; }
.nav-depoimentos button { background: none !important; border: none; cursor: pointer; padding: 5px; transition: opacity 0.3s ease; }
.nav-depoimentos button svg { width: 24px; height: 24px; fill: #FF008C; transition: fill 0.3s ease; }
.nav-depoimentos button:hover svg { fill: #000; }
.nav-depoimentos .disabled svg { fill: #ccc; cursor: default; background: none !important; }
.nav-depoimentos .disabled:hover svg { fill: #ccc; background: none !important; }
.testimonial-wrapper { overflow: hidden; width: 100%; }
.testimonial-container { display: flex; transition: transform 0.5s ease; }
.testimonial { min-width: 100%; padding: 60px 30px 30px; }
.testimonial p { line-height: 1.5; margin-bottom: 15px; }
.testimonial h4 { font-size: 16px; color: #777; }
.testimonial .etiqueta { float: left; background: rgba(0, 184, 241, 0.2); color: #000000; padding: 6px 12px; border-radius: 10px; font-size: 12px; font-weight: 600; white-space: nowrap; margin: 0 5px 5px 0; }    


/* letreiro */
.letreiro-loop { width: 100%; overflow: hidden; }
.texto-loop { display: inline-block; white-space: nowrap; animation: scroll-infinito 30s linear infinite; animation-delay: -10s; }

@keyframes scroll-infinito {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}


.menu-desktop { display: flex; overflow: hidden border-radius: 40px; padding: 4px; }
.menu-item-desktop { flex: 1; text-decoration: none; color: white; padding: 15px 25px; text-align: center; font-weight: 600; font-size: 14px; transition: background-color 0.3s ease; xbackground-color: #4a4a4a; border: none; cursor: pointer; }
/* Primeiro item - cantos arredondados à esquerda */
.menu-item-desktop:first-child { border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
/* Último item - cantos arredondados à direita */
.menu-item-desktop:last-child { border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
/* Efeito hover - cinza mais escuro */
.menu-item-desktop:hover { xbackground-color: #555555; }




.pd-video-right { padding-right: 15px !important; }

@media only screen and (max-width: 40.0625em) {

	.fundo-nossos-servicos, .bg-o-que-fazemos { background: none; }
	.pd-video-right { padding-right: 0 !important; }
	
}