/*-----------------------------------------------------------------------------------
	Theme Name: Verto
	Theme URI: http://verti.com.br
	Description: Verti
	Author: Soim - AgÊncia Digital
	
	License: Proibida alteração, reprodução, distribuição, transmissão ou cópia 
	parcial ou total de qualquer dos arquivos e códigos que compõem este 
	software (tema para Wordpress), sob proteção da Lei 9.609/98. 
	
	Copyright © 2025 - Todos os direitos reservados. 
-----------------------------------------------------------------------------------*/

/* RESETS
**********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
a { text-decoration: none; color: inherit; cursor: pointer; }
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

#google_translate_element, 
.goog-te-banner-frame, 
.goog-te-balloon-frame, 
#goog-gt-tt, 
.goog-te-balloon-frame, 
.goog-tooltip, 
.goog-tooltip:hover,
.skiptranslate { 
    display:none !important; 
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 5px 4px 0;
	text-align:center;
}

blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 90%;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#ececec;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}


strong {  font-family: "Poppins", sans-serif;
}
i, em { font-style: italic;}



/*DEFINICOES GERAIS
**********************************************************/
body {  font-family: "Poppins", sans-serif; color:#000; background:#FFF }

.container { width:1146px; margin:0 auto; }

p { font-size:20px; margin:0 0 20px;font-weight: 400;
line-height: 135.9%; letter-spacing:0;  }

strong { font-weight:700}

.buttong { background: #FFF; color: #000; font-size: 16px; padding: 4px 17px; border-radius:5px; font-weight: 600 }
.buttong:hover {background: #000; border: 1px solid #FFF; color: #FFF}

.buttongp { background: #000; color: #FFF; font-size: 16px; padding: 4px 17px; border-radius:5px; font-weight: 600 }
.buttongp:hover {background: #FFF; border: 1px solid #000; color: #000}

.buttonm { background: #000; color: #FFF; font-size: 12px; padding: 4px 17px; border-radius:5px; font-weight: 600 }
.buttonm:hover {background: #FFF; border: 1px solid #000; color: #000}

/*HEADER
**********************************************************/
#header { width:100%; float:left; display:block; height: auto;  background: #3F8862; padding:20px 0; border-bottom: 1px solid #FFF } 

#header #logo { float:left;}
#header #nav { float:right; margin:40px 0 0 ; display:inline;}
#header #nav ul { float:left;}
#header #nav .menu-nav-container { float:left}
#header #nav li { float:left; margin:0 0 0 60px}
#header #nav a {  font-family: "Poppins", sans-serif;
 font-size: 24px;
font-style: normal;
font-weight: 600;
color: #000;}
#header #nav a:hover,
#header #nav .current_page_item  a{ border-bottom:2px solid #000; padding:0 0 5px}


#header  #nav.menu-cel {  top:0; right:0; background:#3F8862; width:100%; height:100%; position:fixed; padding:20% 0 0; z-index:9999; float:none; margin:0 !important}
#header #nav.menu-cel li { text-align:center; margin:0 0 40px; padding:0 0 40px; border-bottom:1px solid #FFF; width:100%; float:left;}
#header #nav.menu-cel li a { color: #000 }

#header #nav.menu-cel #login { display:none}


/*DESTAQUE
**********************************************************/
#destaque {width:100%; display:block; float:left; padding:20px 0 50px; background:url("../images/bg.png") no-repeat center top; background-size: cover; text-align: center}

#destaque #box-1 {float:left; width: 333px; margin: 50px 0 0}
#destaque #box-1 h2 { font-size:40px; color:#FFF; margin: 0 0 20px}
#destaque #box-1 p { font-size: 18px; line-height: 130%; color:#FFF; margin: 0 0 40px}

#destaque #box-2 { float: right}

 .carousel img {
        width: 100%;
        display: none;
    }
    .carousel img.active {
        display: block;
    }

/*SOBRE
**********************************************************/
#sobre {width:100%; display:block; float:left; padding:50px 0 50px; background: #FFF;}

#sobre #box-1 {float:left; margin: 0 0 0 -40px }

#sobre #box-2 { float: right; width: 658px; margin: 20px 0 0}
#sobre #box-2 h3 { font-size:96px; color:#000; margin: 0 0 20px; font-weight: 800;}
#sobre #box-2 h3 strong{ font-size:40px; color:#000; margin: 0 0 20px; font-weight: 800;}
#sobre #box-2 p { font-size: 24px; line-height: 130%; color:#666; margin: 0 0 20px}


/*ESPAÇO
**********************************************************/
#espaco {width:100%; display:block; float:left; padding:70px 0 50px; background: #3F8862; text-align: center}

#espaco h4 { color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 90%; /* 57.6px */; margin: 0 0 20px}

#espaco #linha {}

#espaco .cadaimagem { float: left; margin: 0 18px 20px}
#espaco .cadaimagem img {width: 346px;height: 206px}

#espaco .buttong { margin: 20px 0 0; display: inline-block;}


#espaco #boxbranco {border-radius: 38px; margin:20px 0 20px;
background: #FFF; padding: 30px; width: 100%; display: block; float: left}

#espaco #boxbranco #col-1 { width: 580px; float: left; text-align: left}
#espaco #boxbranco #col-2 { width: 470px; float: right; text-align: left}

#espaco #boxbranco #col-1 p {color: #000;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 500;
	line-height: 170%; /* 40.8px */}

#espaco #boxbranco #col-2 p {color: #000;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 500;
	line-height: 213%; /* 40.8px */}

#meio { background: url("../images/meio.png") no-repeat center top; width: 100%; height: 397px; display: block; float: left; background-size: cover}


/*SOLUÇÕES
**********************************************************/
#solucoes {width:100%; display:block; float:left; padding:100px 0 80px; background: #FFF; text-align: center}

#solucoes h4 { color: #000;
text-align: center;
font-family: Poppins;
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 90%; /* 57.6px */ margin: 0 0 20px}

#solucoes .cada_solucao { width:264px; border-radius: 20px; border:1px solid #000; text-align: center; padding: 26px 0; float: left; margin: 0 10px}
#solucoes .cada_solucao h5 { font-size:16px; color:#000; margin: 20px 0 20px; font-weight: 900}

#solucoes .buttong { margin: 20px 0 0; display: inline-block; background: #3F8862; color:#FFF }
#solucoes .buttong:hover { background:#000; color:#FFF}

  .carousel-container {
    position: relative;
    width: 1146px; /* largura do container */
    max-width: 100%;
    margin: auto;
    overflow: hidden;
	  margin:40px 0;
  }

  .carousel-track {
    display: flex;
    transition: transform 0.5s linear;
  }

  .carousel-item {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
	  padding: 0 20px;
  }

  .carousel-item img {
    width: 100%; /* largura será definida pelo JS */
    height: auto;
    max-height: 115px;
    object-fit: contain;
    background: white;
    border-radius: 8px;
  }

  @media (max-width: 900px) { 
    .carousel-item img { width: 150px; height: 90px; } 
  }
  @media (max-width: 600px) { 
    .carousel-item img { width: 120px; height: 70px; } 
  }



/*FOOTER
**********************************************************/
#footer { background:#3F8862; padding:40px 0 20px; width:100%; display:block; float:left; padding: 80px 0 0 }

#footer #linha-1 { width: 100%; float:left; border-bottom:1px solid #2D6648; margin: 0 0 40px; padding: 0 0 40px} 

#footer #linha-1 #precisou { float:left; margin: 0 0 0 90px}
#footer #linha-1 #telefone { float:right; margin: 0 90px 0 0}

#footer #linha-2 { width: 100%; float:left; border-bottom:1px solid #2D6648; margin: 0 0 40px; padding: 0 0 40px} 

#footer #linha-2 #endereco { float:left; margin: 0 0 0 90px}
#footer #linha-2 #insta { float:left; margin: 10px 40px 0 120px}
#footer #linha-2 #linkedin { float:left; margin: 10px 40px 0 0}

#linha-logo { text-align: center; margin: 0 0 40px}

#copy {width:100%; display:block; float:left; padding:30px 0 30px; background: #2D6648; text-align: center}
#copy p {color:#000; font-size: 18px; margin: 0}



.menu-mobile { display: none;}

/* MOBILE */
@media only screen and (min-width: 280px) and (max-width: 736px) {
	body { overflow-x:hidden; top:0 !important}
	.menu-mobile {
        display: block;
		float:right;
		text-align:left;
		margin:30px 10px 0 0;
		cursor:pointer; z-index:999; position:relative;
    }
    #nav.menu-cel {
        display: block !important;
    }
	#nav  { display:none !important}
	
	.container { width:94% !important; padding:0 3%}
	
	
.buttongp { background: #000; color: #FFF; font-size: 12px; padding: 4px 17px; border-radius:5px; font-weight: 600 }


/*HEADER
**********************************************************/
	#header #logo img {width:90%}
	
	
/*DESTAQUE
**********************************************************/
#destaque {width:100%; display:block; float:left; padding:20px 0 50px;}
	#destaque img {width:90%}

	
	/*SOBRE
**********************************************************/
#sobre {width:100%; display:block; float:left; padding:50px 0 50px; background: #FFF;}

#sobre #box-1 {float:left; margin: 0 0 0  }
	#sobre #box-1 img {width:100%}

#sobre #box-2 { float: right; width: 100%; margin: 20px 0 0}
#sobre #box-2 h3 { font-size:58px; color:#000; margin: 0 0 20px}
#sobre #box-2 p { font-size: 20px; line-height: 130%; color:#000; margin: 0 0 20px}
	
/*ESPAÇO
**********************************************************/
#espaco {width:100%; display:block; float:left; padding:70px 0 50px;text-align: center}

#espaco h4 { font-size:46px; color:#FFF; margin: 0 0 10px; font-weight: 900}

	#espaco #boxbranco {border-radius: 38px; margin:20px 0 20px;
background: #FFF; padding: 30px; width: 83%; display: block; float: left}

#espaco #boxbranco #col-1 { width: 100%; float: left; text-align: left}
#espaco #boxbranco #col-2 { width: 100%; float: right; text-align: left}

#espaco #boxbranco #col-1 p {color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
	line-height: 170%; /* 40.8px */}

#espaco #boxbranco #col-2 p {color: #000;
font-size: 20px;
font-style: normal;
font-weight: 500;
	line-height: 170%; /* 40.8px */}

#meio { background: url("../images/meio.png") no-repeat center top; height: 150px; width: 100%; display: block; float: left; background-size: cover}

#espaco .buttong { margin: 20px 0 0; display: inline-block;}
	
	
/*SOLUÇÕES
**********************************************************/
#solucoes {width:100%; display:block; float:left; padding:70px 0 50px; background: #FFF; text-align: center}

#solucoes h4 { font-size:40px; color:#000; margin: 0 0 10px; font-weight: 900}
#solucoes span { font-size: 14px; color: #000; display: block; margin: 0 0 40px}

#solucoes .cada_solucao { width:99%; border-radius: 20px; border:1px solid #000; text-align: center; padding: 26px 0; float: left; margin: 0 0 20px}
#solucoes .cada_solucao h5 { font-size:16px; color:#000; margin: 20px 0 20px; font-weight: 900}
	
	#solucoes .cada_solucao img { width: 84%}
	
	
	
/*FOOTER
**********************************************************/
#footer { background:#3F8862; padding:40px 0 20px; width:100%; display:block; float:left; padding: 80px 0 0 }

#footer #linha-1 { width: 100%; float:left; border-bottom:1px solid #2D6648; margin: 0 0 20px; padding: 0 0 20px} 

#footer #linha-1 #precisou { float:none; margin: 0 0 40px 0}
#footer #linha-1 #telefone { float:none; margin: 0 0 0 0}
	#footer #linha-1 img { width:100%}

#footer #linha-2 { width: 100%; float:none; border-bottom:1px solid #2D6648; margin: 0 0 20px; padding: 0 0 20px} 

#footer #linha-2 #endereco { float:none; margin: 0 0 40px 0}
#footer #linha-2 #insta { float:none; margin: 0 0 40px 0}
#footer #linha-2 #linkedin { float:none; margin: 0 0 0 0}

	
#linha-logo { text-align: center; margin: 0 0 40px}

#copy {width:100%; display:block; float:left; padding:30px 0 30px; background: #2D6648; text-align: center}
#copy p {color:#000; font-size: 18px; margin: 0}

	
	
}