@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {background-size: cover; background-repeat: no-repeat; background-position: center; font-family: "Open Sans", sans-serif;}

h1, h2, h3 {font-family: "Lora", serif;}

body {background-color: #fff!important;}

.site-header {background-image: url("../images/bgHeader.jpg"); width: 100%; height: 285px;}
.site-branding-text {display: table; margin: auto; margin-top: 37px; margin-bottom: 37px;}
#headerlogo {background-image: url("../images/logo_munay.png"); width: 144px; height: 142px;}
.menusection {width:100%; background-color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000;}

.navbar {padding: 5px;}
.navbar-nav {margin: auto;}
.navbar-nav .nav-link {font-size: 17px;}

.navbar-light .navbar-toggler {background-color: transparent!important; border: 0;}

.wb-bp-front-page .wp-bp-main-content {
    padding: 0;
}

.camada {padding: 40px!important; position: relative;}

.subtitulo h2 {text-align: center; padding: 40px;}

a.buttomact {display: table; margin: auto; position: absolute; left: 0; right: 0; bottom: -11px;}
a.buttomact:hover {text-decoration: none;}
.call2act  {position: relative; background-color: #355374; border: 0; border-radius: 20px; color: #fff; padding: 10px;}
.call2act .icnwhatsapp {position: absolute; top: -10px; right: 206px; background-image: url(../images/icnwhatsapp.png); width: 60px; height: 60px; display: block;}

.quem-somos {background-image: url(../images/quem_somos.jpg); padding: 70px; background-position-y: -85px; height: 550px;}
.quem-somos h2 {color: #fff; text-align: right; padding-right: 50px; margin-bottom: 20px;}
.quem-somos .texto {background-color: rgba(255,255,255,0.5); border-radius: 50px; padding: 40px; border: 1px solid #000; margin-bottom: 50px;}
.quem-somos .texto p {color: #000; font-size: 17px; font-weight: 400;}

.icn {width: 147px; height: 147px;}
.areas {margin-top: 70px;}
.areas .subtitulo h2{color: #355374; font-size: 25px;}
.areas .subtitulo h2 .oque { font-family: "Open Sans", sans-serif; color: #787777; font-size: 17px;}

hr {border: 1px solid #355374; height: 0px;}

.thumb {width: 100%; height: 380px;}
.entry-title {margin-top: 20px; margin-bottom: 10px; font-size: 18px; text-transform: uppercase; font-weight: 600;}
.entry-excerpt {margin-bottom: 30px;}

.logos  {width:1300px!important; display: table; margin: auto;}
.arrowsc {width: 1300px!important; display: table; margin: auto; margin: auto; top: 200px;
    position: absolute;}
.prevc {width: 19px; height: 25px; background-image: url("../images/arrow-prev.png"); display: block; left: -60px; position: absolute;}
.nextc {width: 19px; height: 25px; background-image: url("../images/arrow-next.png"); display: block; right: -60px; position: absolute;}
#pagerc {margin: auto; display: table;}
.logocliente {width: 150px;
    height: 150px;
    background-size: contain;
    margin: 20px;
    background-position: center;}


.testimonial .bloco {position: relative;}
.testimonial p {color: #000!important; font-weight:400!important;}
.testimonial-container .aspas {position: absolute; z-index: 10;}
.testimonial-container .aspas1 {top: 130px; left: -70px; background-image: url(../images/aspas1.png); width: 90px; height: 72px;}
.testimonial-container .aspas2 {top: 130px; right: -67px; background-image: url("../images/aspas2.png"); width: 90px; height: 72px;}
.testimonial-container .bloco .conteudo {padding: 40px; padding-right: 60px;}
.testimonial-container .contd {position: relative; width: 100%;}
.arrowsd {width: 1300px; display: table; margin: auto;}
.prevd {width: 19px; height: 25px; background-image: url("../images/arrow-prev.png"); display: block; position: absolute; left: 0px;}
.nextd {width: 19px; height: 25px; background-image: url("../images/arrow-next.png"); display: block; position: absolute; right: 0px;}
#pagerd {margin: auto; display: table;}

.site-footer {color: #fff!important; background-color: #000!important;}
.logo_footer {width: 144px;height:142px; background-image: url("../images/logo_footer.png")}
.site-footer h2 {font-family: "Open Sans", sans-serif; font-size: 27px; margin-top:10px;}
.site-footer .contatos { margin-top:10px; list-style: none;}
.site-footer .contatos li {background-position: left; background-size: contain; padding-left: 29px; margin-bottom: 5px;}
.site-footer .contatos li.email {background-image: url("../images/icn_email.jpg");}
.site-footer .contatos li.instagram {background-image: url("../images/icn_instagram.jpg");}
.site-footer .contatos li.whatsapp {background-image: url("../images/icn_whatsapp.jpg");}

.logoCaseiroWeb {width: 230px; height: 25px; background-image: url(../images/caseiroweb_branco.png);
background-size: auto; background-position-x: right; padding-right: 100px; font-size: 11px; font-weight: normal; color: #fff; padding-top: 4px; margin: auto; margin-top: 10px; margin-bottom: 23px;}


.testimonial-container {
	position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 40px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.cycle-slideshow {
    position: relative;
    width: 100%;
    overflow: hidden; /* Garantir que os itens não transbordem */
}

.cycle-carousel-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial {
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    min-width: 100%; /* Garante que cada slide ocupa a largura total */
    word-wrap: break-word; /* Garante que palavras longas quebrem a linha */
	height: 300px;
}

.testimonial p {
    font-size: 1.2em;
    color: #555;
    margin: 0; /* Remove margens para evitar espaçamento indesejado */
}

.testimonial cite {
    display: block;
    margin-top: 10px;
    font-size: 1em;
    color: #888;
}

.cycle-prev, .cycle-next {
    cursor: pointer;
    margin: 10px;
    font-size: 1.2em;
    color: #888;
}

.cycle-pager {
    text-align: center;
    margin-top: 20px;
}

.cycle-pager span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

.cycle-pager .cycle-pager-active {
    background-color: #888;
}

@media only screen and (max-width: 680px) {

	.quem-somos {
		height: 680px;
		padding: 20px !important;
	}

	.quem-somos .texto {
		background-color: rgba(255, 255, 255, 0.8);
		padding: 20px;
		margin-bottom: 40px;
	}	
	
	.quem-somos .texto p {
		font-size: 13px;
	}
	
	.call2act {
		font-size: 13px;
	}
	
	.call2act .icnwhatsapp {
		top: -7px;
		right: 169px;
		width: 50px;
		height: 50px;
	}	
	
	.icn {
		margin: auto;
	}	
	
}