@charset "utf-8";
/*
Template Name: Jeren
Author: <a href="https://www.os-templates.com/">OS Templates</a>
Author URI: https://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: https://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("font-awesome.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");

/* Rowsli li:hover a{
background-color:#3f3f3f;
}
#mainav li li .drop:before{
content:"\f107";
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
}
#mainav li li:hover .drop:before{
content:"\f106";
}
#mainav li:hover > a{
background-color:#333;
color:#d4b579;
}
#mainav li:hover > a:after{
content:"";
border-top:8px solid transparent;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-bottom:8px solid #d4b579;
}
#mainav li:hover li a{
background-color:#3f3f3f;
}
#mainav li a:hover

/* Logo and Menu Positioning Adjustments /
.header-container {
display: flex;
justify-content: center; / Centraliza o conteúdo /
align-items: center; / Alinha os itens verticalmente 
width: 100%;
}*/

#logo {
margin-right: 30px; /* Espaçamento à direita do logo */
}

#mainav {
margin-left: 30px; /* Espaçamento à esquerda do menu */
}

#mainav ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}

#mainav li {
margin: 0 15px; /* Espaçamento entre os itens do menu */
}

#mainav a {
text-decoration: none;
color: #333;
font-size: 16px;
padding: 10px 15px;
transition: color 0.3s;
}

#mainav a:hover {
color: #d4b579;
}
/*--------------------------------------------------------------------------------------------------------------- */
.row0, .row0 a{}
.row1 {
	border-bottom: 8px solid #d4b579; /* Borda amarela de 5px */
  }
.row2{border-bottom:1px solid;}
.row3, .row3 a{}
.row4, .row4 a{}
.row5{border-top:1px solid;}


/* Top Bar
--------------------------------------------------------------------------------------------------------------- */
#topbar{padding:15px 0; font-size:.8rem; text-transform:uppercase;}

#topbar *{margin:0;}
#topbar ul li{display:inline-block; margin-right:10px; padding-right:15px; border-right:1px solid;}
#topbar ul li:last-child{margin-right:0; padding-right:0; border-right:none;}
#topbar i{margin:0 5px 0 0; line-height:normal;}


#topbar {
	text-align: center;
  }
  
  #logo {
	display: inline-block;
	padding: 10px 0;
  }
  
  #logo img {
	width: 200px;
	height: auto;
  }

  
  


/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{}

#header #logo{margin:0 0 0 0;}
#header #logo h1{margin:0; padding:0; font-size:22px; text-transform:uppercase;}


/* Page Intro
--------------------------------------------------------------------------------------------------------------- */
#pageintro{padding:150px 0;}

#pageintro li article{display:block; max-width:75%; margin:0 auto; text-align:center;}
#pageintro li article *{margin:0;}
#pageintro li p:first-of-type{margin-bottom:10px; font-style:italic;}
#pageintro li .heading{margin-bottom:30px; font-size:3rem; word-wrap:break-word;}
#pageintro li p:nth-of-type(2){line-height:1.5rem;}
#pageintro li footer{margin-top:40px;}


/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:80px 0;}

/* Content */
.container .content{}

.sectiontitle{display:block; max-width:65%; margin:0 auto 60px; text-align:center;}
.sectiontitle *{margin:0;}

.services li:nth-child(-n+3){margin-bottom:50px;}/* Adds bottom margin to the first three elements only */
.services > li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
.services article{display:block; text-align:center;}
.services article *{margin:0 0 15px 0;}
.services article > :last-child{margin-bottom:0;}
.services article .heading{font-size:1.2rem;}

.logos li:last-child{margin-bottom:0;}/* Used when elements stack in small viewports */
.logos li a{display:inline-block; max-width:100%;}

.excerpt{display:inline-block; width:100%; max-width:320px; padding-bottom:20px;}
.excerpt img{}
.excerpt .excerpttxt{display:block; position:relative; max-width:84%; margin:-40px auto; padding:20px; text-align:center;}
.excerpt .excerpttxt > ul{margin:0 0 15px 0; padding:0; font-size:.8rem;}
.excerpt .excerpttxt > ul li{display:inline-block; margin-right:8px;}
.excerpt .excerpttxt > ul li:first-child::after{margin-left:10px; content:"|";}
.excerpt .excerpttxt > ul li:last-child{margin-right:0;}
.excerpt .heading{margin:0 0 30px 0;}
.excerpt p:last-of-type{margin:0; padding:0;}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}

/* Sidebar */
.container .sidebar{}

.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:80px 0;}

#footer .heading{margin-bottom:50px; font-size:1.2rem;}

#footer .linklist li{display:block; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid;}
#footer .linklist li:last-child{margin:0; padding:0; border:none;}
#footer .linklist li::before, #footer .linklist li::after{display:table; content:"";}
#footer .linklist li, #footer .linklist li::after{clear:both;}

#footer .contact{}
#footer .contact.linklist li, #footer .contact.linklist li:last-child{position:relative; padding-left:40px;}
#footer .contact li *{margin:0; padding:0; line-height:1.6;}
#footer .contact li i{display:block; position:absolute; top:0; left:0; width:30px; font-size:16px; text-align:center;}

#footer input, #footer button{border:1px solid;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:8px 18px 10px; text-transform:uppercase; font-weight:700; cursor:pointer;}


/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:20px 0;}
#copyright *{margin:0; padding:0;}


/* Transition Fade
This gives a smooth transition to "ALL" elements used in the layout - other than the navigation form used in mobile devices
If you don't want it to fade all elements, you have to list the ones you want to be faded individually
Delete it completely to stop fading
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after{transition:all .28s ease-in-out;}
#mainav form *{transition:none !important;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}

#mainav, #breadcrumb, .sidebar nav{line-height:normal;}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:180px; text-transform:none;}
#mainav ul ul ul{left:180px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:30px 0;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav





.drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:35px; left:5px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:none;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Contêiner para logo e menu de navegação */
.header-container {
	display: flex;
	justify-content: space-between; /* Coloca o logo à esquerda e o menu à direita */
	align-items: center; /* Alinha os itens verticalmente */
	width: 100%;
  }
  
  #logo {
	margin-left: 30px; /* Adiciona margem à esquerda do logo */
  }
  
  #mainav {
	margin-right: 30px; /* Adiciona margem à direita do menu */
  }
  
  #mainav ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  #mainav li {
	margin: 0 15px; /* Espaçamento entre os itens do menu */
  }
  
  #mainav a {
	text-decoration: none;
	color: #4d736c;
	font-size: 16px;
	padding: 10px 15px;
	transition: color 0.3s;
  }
  
  #mainav a:hover {
	color: #d4b579;
  }
  

/* Breadcrumb */
#breadcrumb{padding:120px 0 15px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}

.faico a{color:#inherit; background-color:#353535;}
.faico a:hover{color:#FFFFFF;}

.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-vk:hover{background-color:#4E658E;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#CBCBCB; background-color:#222222;}
a{color:#4d736c;}
a:active, a:focus{background:transparent;}/* IE10 + 11 Bugfix - prevents grey background */
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}
input:focus, textarea:focus, *:required:focus{border-color:#4d736c;}

.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}
.overlay.light{color:#474747;}
.overlay.light::after{background-color:rgba(255,255,255,.9);}

.btn, .btn.inverse:hover{color:#FFFFFF; background-color:#4d736c; border-color:#4d736c;}
.btn:hover, .btn.inverse{color:inherit; background-color:transparent; border-color:inherit;}

blockquote::before{color:rgba(255,255,255,.2);}

.icon{color:#4d736c; border-color:#D7D7D7;}
a > .icon:hover, .services article:hover .icon{color:#FFFFFF; background-color:#4d736c; border-color:#4d736c;}


/* Rows */
.row0, .row0 a{color:#474747; background-color:#EFEFEF;}
.row1{color:#474747; background-color:#FFFFFF;}
.row2{color:#474747; background-color:#EFEFEF; border-color:#D7D7D7;}
.row3{color:#474747; background-color:#FFFFFF;}
.row4{color:#CBCBCB; background-color:#222222;}
.row5, .row5 a{color:#CBCBCB; background-color:#222222;}
.row5{border-color:rgba(255,255,255,.1);}


/* Top Bar */
#topbar ul li{border-color:rgba(0,0,0,.1);}
#topbar > div:last-of-type li:first-child a{color:#4d736c;}


/* Header */
#header #logo a{color:inherit;}


/* Content Area */
.excerpt .excerpttxt{color:inherit; background-color:#FFFFFF;}


/* Footer */
#footer .heading{color:#FFFFFF;}
#footer hr, #footer .borderedbox, #footer .linklist li{border-color:rgba(255,255,255,.1);}

#footer input, #footer button{border-color:transparent;}
#footer input{color:#FFFFFF; background-color:#353535;}
#footer input:focus{border-color:#4d736c;}
#footer button{color:#FFFFFF; background-color:#4d736c;}


/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#4d736c; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#4d736c;}
#mainav form select{color:#FFFFFF; background-color:#000000;}

#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#4d736c;}

.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#4d736c;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current *{color:#FFFFFF; background-color:#4d736c;}

#backtotop{color:#FFFFFF; background-color:#4d736c;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#4d736c;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px){
	.hoc{max-width:978px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:900px){
	.hoc{max-width:90%;}

	#topbar{}

	#header{padding:30px 0 15px;}
	#header #logo{margin:0;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}


@media screen and (max-width:750px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 50px 0; padding:0;}

	#topbar{padding-top:15px; text-align:center;}
	#topbar ul{margin:0 0 15px 0; line-height:normal;}

	#header{text-align:center;}
	#header #logo{margin-bottom:15px;}

	.sectiontitle{max-width:none; text-align:left;}
}


@media screen and (max-width:450px){
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}

	#pageintro li article{max-width:none; width:100%;}
	#pageintro li .heading{font-size:1.6rem;}
}


/* Submenu container */
#mainav ul ul {
	background-color: #ffffff; /* Fundo branco */
	border: none; /* Remove qualquer borda */
	box-shadow: none; /* Remove qualquer sombra */
	padding: 8px 0;
	min-width: 180px;
	z-index: 9999;
	position: absolute; /* Posiciona o submenu em relação ao item pai */
	display: block; /* Exibe os itens em bloco, um abaixo do outro */
}

/* Itens do submenu */
#mainav ul ul li {
	display: block; /* Garante que cada item ocupe uma linha */
	margin: 0;
	padding: 0;
	border: none; /* Remove qualquer borda */
}

/* Links do submenu */
#mainav ul ul li a {
	display: block;
	padding: 10px 16px;
	color: #333333; /* Cor do texto */
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	background-color: #ffffff; /* Fundo branco no link também */
	border: none; /* Remove qualquer borda */
	border-radius: 0;
	transition: background-color 0.3s ease; /* Suaviza a mudança de cor */
}

/* Hover - cor amarela */
#mainav ul ul li a:hover {
	background-color: #FFBC00; /* Cor amarela */
	color: #ffffff; /* Cor do texto ao passar o mouse */
}

/* Estilo para a versão desktop */
#mainav {
	display: flex; /* Usando flexbox para centralizar */
	align-items: center; /* Centraliza os itens verticalmente */
	justify-content: center; /* Centraliza os itens horizontalmente */
	height: 100vh; /* Faz a barra de navegação ocupar toda a altura da tela */
	position: absolute; /* Posiciona no centro da tela */
	top: 50%; /* Desloca a barra para o meio da tela */
	transform: translateY(-50%); /* Ajusta o alinhamento para o centro exato */
	width: 100%; /* Garante que ocupe toda a largura da tela */
}
#ma/* Menu principal */
#mainav {
  display: block; /* O menu de navegação é exibido normalmente em telas grandes */
  float: right;
}

/* Esconde o botão hamburger em telas grandes */
#hamburger-menu {
  display: none;
}

/* Menu Hamburger */
#hamburger-button {
  background-color: transparent;
  border: none;
  font-size: 30px;
  color: #000;
  cursor: pointer;
}

/* Versão mobile e tablets */
@media screen and (max-width: 1024px) {
  /* Ocultar o menu de navegação para dispositivos móveis e tablets */
  #mainav {
    display: none;
  }

  /* Exibir o botão hamburger em dispositivos móveis e tablets */
  #hamburger-menu {
    display: block;
    font-size: 30px;
    cursor: pointer;
  }

  #hamburger-menu.active + #mainav {
    display: block; /* Torna o menu visível */
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 70px;
    left: 0;
    padding: 10px 0;
    text-align: center;
    z-index: 9999; /* Certifique-se de que o menu esteja acima de outros elementos */
  }

  #mainav ul {
    list-style: none;
    padding: 0;
  }

  #mainav ul li {
    margin: 10px 0;
  }

  #mainav ul li a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    display: block;
    padding: 10px 0;
  }

  /* Estilo para submenus */
  #mainav ul li ul {
    display: none;
    padding-left: 20px;
  }

  #mainav ul li:hover > ul {
    display: block;
  }
}


/* Centraliza a linha de contato inteira na página */
.contact-info {
	display: flex;
	justify-content: center; /* Centraliza os itens horizontalmente */
	align-items: center; /* Alinha os itens verticalmente no meio */
	width: 100%;
	padding: 10px 0; /* Adiciona um pequeno espaçamento acima e abaixo */
  }
  
  .contact-info .nospace {
	display: flex; /* Exibe os itens da lista na mesma linha */
	align-items: center; /* Alinha os itens verticalmente no centro */
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  .contact-info .nospace li {
	margin: 0 15px; /* Espaçamento entre os itens da linha */
  }
  
  .contact-info .call-now-btn {
	display: inline-block;
	padding: 10px 20px;
	background-color: #4d736c; /* Cor de fundo verde */
	color: white; /* Texto branco */
	text-decoration: none;
	border-radius: 25px; /* Bordas arredondadas */
	font-weight: bold;
	transition: background-color 0.3s ease;
  }
  
  .contact-info .call-now-btn:hover {
	background-color: #007a2f; /* Cor mais escura quando passar o mouse */
  }
  
  .call-now-btn {
	display: none !important; /* Garante que fique oculto fora do mobile */
	background-color: #4d736c;
	color: #fff;
	padding: 8px 16px;
	border-radius: 20px;
	text-decoration: none;
	font-weight: bold;
	transition: background-color 0.3s ease;
	font-size: 16px;
	margin-left: 10px;
  }
  
  .call-now-btn:hover {
	background-color: #4d736c;
  }
  
  /* Só exibe em telas com até 600px (smartphones) */
  @media screen and (max-width: 600px) {
	.call-now-btn {
	  display: inline-block !important;
	}
  }
  .white-bg-text {
	color: #4d736c;
  }
	
  
  

  .header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
  }
  
  /* Oculta o botão hamburger em telas grandes */
  #hamburger-menu {
	display: none;
  }
  
  /* Mostra o hamburger em telas menores */
  @media screen and (max-width: 1024px) {
	#hamburger-menu {
	  display: block;
	}
  
	#mainav {
	  display: none;
	}
  
	#hamburger-menu.active + #mainav {
	  display: block;
	  width: 100%;
	  background-color: #fff;
	  position: absolute;
	  top: 70px;
	  left: 0;
	  padding: 10px 0;
	  text-align: center;
	  z-index: 9999;
	}
  }

  
  .phone-number {
	font-size: 1.3rem;
	font-weight: bold;
	color: #000;
  }
  
  .phone-icon {
	font-size: 1.3rem;
	margin-right: 5px;
	color: #000;
  }
  


  .logos-parceiros {
	margin-top: 40px;
  }
  
  .img-parceiro {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
  }
  
  .legenda {
	background-color: #4d736c;
	color: white;
	text-align: center;
	font-weight: bold;
	font-family: 'Georgia', serif;
	padding: 10px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 16px;
	line-height: 1.3em;
	box-sizing: border-box;
  }

  

  




  .gallery-button-wrapper {
	text-align: center;
	margin-top: 30px;
  }
  
  .gallery-button {
	background-color: #4d736c;
	color: white;
	padding: 12px 24px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	transition: background-color 0.3s ease;
  }
  
  .gallery-button:hover {
	background-color: #3b5953;
  }
  


  .gallery-grid a img {
	width: 100%;
	height: 200px; /* altura fixa */
	object-fit: cover; /* mantém o corte proporcional */
	display: block;
	border-radius: 8px;
	transition: transform 0.3s ease;
  }
  
  .gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3 colunas */
	gap: 20px; /* espaçamento uniforme entre colunas e linhas */
  }
  
  .gallery-grid a img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px; /* opcional: cantos arredondados */
	transition: transform 0.3s ease;
  }
  
  .gallery-grid a:hover img {
	transform: scale(1.05); /* efeito de zoom suave ao passar o mouse */
  }
  
/* Modal base */
.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 60px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.9);
  }
  
  /* Imagem no modal */
  .modal-content {
	margin: auto;
	display: block;
	max-width: 90%;
	max-height: 80%;
  }
  
  /* Botão fechar */
  .close {
	position: absolute;
	top: 20px;
	right: 35px;
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.3s;
  }
  
  .close:hover {
	color: #ccc;
  }








  .reviews-section {
	text-align: center;
	padding: 60px 20px;
	background-color: #f9f9f9;
	border-top: 6px solid #d4b579;
	border-bottom: 10px solid #d4b579;
  }
  
  .reviews-title {
	color: #4d736c;
	font-size: 28px;
	margin-bottom: 10px;
  }
  
  .reviews-subtitle {
	font-size: 16px;
	color: #666;
	margin-bottom: 40px;
  }
  
  .reviews-swiper {
	max-width: 1100px;
	margin: auto;
	padding: 20px;
  }
  
  .swiper-slide {
	display: flex;
	justify-content: center;
  }
  
  .review-card {
	background-color: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	width: 300px;
	text-align: left;
  }
  
  .review-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
  }
  
  .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
  }
  
  .google-icon,
  .facebook-icon {
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
  }
  
  .google-icon {
	background-image: url("data:image/svg+xml,%3Csvg fill='%234d736c' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M44.5 20H24v8.5h11.8C34.6 33.8 30 37 24 37c-7 0-13-5.6-13-13s6-13 13-13c3.5 0 6.6 1.3 9 3.4l6.7-6.7C35.3 3.7 29.9 1 24 1 10.8 1 0 11.6 0 24s10.8 23 24 23c12.1 0 22.2-8.7 22.2-23 0-1.4-.1-2.7-.3-4z'/%3E%3C/svg%3E");
  }
  
  .facebook-icon {
	background-image: url("data:image/svg+xml,%3Csvg fill='%234d736c' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12a10 10 0 1 0-11.5 9.9v-7h-2v-3h2v-2.3c0-2 1.2-3.2 3-3.2.9 0 1.8.2 1.8.2v2h-1c-1 0-1.3.6-1.3 1.2V12h2.3l-.4 3H14v7A10 10 0 0 0 22 12z'/%3E%3C/svg%3E");
  }
  
  .stars {
	color: #f5c518;
	font-size: 18px;
  }
  
  .review-text {
	font-size: 14px;
	color: #444;
	margin-bottom: 10px;
	line-height: 1.5em;
	max-height: 4.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	transition: max-height 0.3s ease;
  }
  
  .review-text.open {
	max-height: 1000px; /* valor alto suficiente para expandir */
	overflow: visible;
  }
  
  
  .review-text.open .more-text {
	display: inline;
  }
  
  .review-text.open .dots {
	display: none;
  }
  
  .see-more {
	background: none;
	border: none;
	color: #4d736c;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin-bottom: 10px;
  }
  
  .review-user-img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
	margin: 15px auto 0;
	display: block;
	border: 3px solid #ddd;
  }
  
  /* Remover as setas do carrossel */
  .swiper-button-next,
  .swiper-button-prev {
	display: none;
  }
  .review-text {
	transition: max-height 0.3s ease;
  }
  
  .review-text.open {
	max-height: 500px; /* grande o suficiente para todo o texto */
	overflow: visible;
  }
	

  .btn.view-all-reviews {
	margin-top: 2rem; /* Aumenta o espaçamento acima do botão */
	background-color: #4d736c;
	color: white;
	border: none;
	border-radius: 8px;
	padding: 0.75rem 1.5rem;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: background-color 0.3s ease;
  }
  

  



/* Estilos do menu desktop */
#menuprincipal {
  margin-left: 30px;
  position: relative; /* para os submenus posicionarem corretamente */
}

#menuprincipal ul {
  display: flex;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#menuprincipal li {
  position: relative;
}

#menuprincipal a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  padding: 10px 15px;
  transition: color 0.3s;
}

#menuprincipal a:hover {
  color: #d4b579;
}

/* Submenus desktop - dropdown ao passar o mouse */
#menuprincipal li ul {
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  display: none;
  min-width: 180px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
  z-index: 1000;
  padding: 10px 0;
  border-radius: 4px;
}

#menuprincipal li:hover > ul {
  display: block;
}

#menuprincipal li ul li {
  display: block;
  padding: 0;
}

#menuprincipal li ul li a {
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  color: #333;
}

#menuprincipal li ul li a:hover {
  background-color: #f0e5ca;
  color: #d4b579;
}

/* Estilo do botão hamburguer (visível só no mobile) */
.hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
  gap: 5px;
  padding: 10px;
}

.hamburger span {
  width: 25px;
  height: 3px;
  background: #333;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Mobile */
@media (max-width: 768px) {
  .hamburger {
    display: flex;
  }

  #menuprincipal {
    display: none;
    flex-direction: column;
    width: 100%;
    background: white;
    position: fixed; /* fixar no topo para melhor UX */
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding-top: 60px; /* espaço para o botão hamburger */
    max-height: calc(100vh - 60px);
    overflow-y: auto;
  }

  #menuprincipal ul {
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  #menuprincipal li {
    text-align: left;
    border-bottom: 1px solid #eee;
  }

  #menuprincipal li a {
    display: block;
    padding: 15px 20px;
    font-size: 18px;
    color: #333;
    transition: background-color 0.3s;
  }

  #menuprincipal li a:hover {
    background-color: #f7f2e9;
    color: #d4b579;
  }

  /* Submenus no mobile escondidos */
  #menuprincipal li ul {
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
    padding-left: 25px;
    display: none;
    background-color: #faf7f0;
    border-left: 3px solid #d4b579;
    border-radius: 0 4px 4px 0;
  }

  /* Submenu aberto no mobile */
  #menuprincipal li.show-submenu > ul {
    display: flex;
    flex-direction: column;
  }

  #menuprincipal li ul li a {
    padding: 12px 20px;
    font-size: 16px;
    color: #555;
  }

  #menuprincipal li ul li a:hover {
    background-color: #e9dfc9;
    color: #b88a37;
  }

  /* Indicador de submenu no mobile */
  #menuprincipal li > a.drop::after {
    content: "▼";
    font-size: 14px;
    float: right;
    margin-right: 10px;
    transition: transform 0.3s;
  }

  /* Girar seta quando submenu aberto */
  #menuprincipal li.show-submenu > a.drop::after {
    transform: rotate(-180deg);
  }

  #menuprincipal.show {
    display: flex;
  }
}

/* Animação do botão hamburguer ativo */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translateY(8px);
}
.hamburger.active span:nth-child(2) {
  opacity: 0;
}
.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-8px);
}

input, textarea {
  color: #333;
}