@charset "utf-8";

/*DESIGN*/
.Bk_Avaliacao{
	width:100%; height:auto; 
	padding-bottom:65px; 
	float:left; 
	background: #f1f5f8;
	}
.Largura_Avaliacao{
	max-width:1280px; margin:auto;
	}	
.Title_Avaliacao{
	width:100%; height:auto; float:left;
	font-family: 'Rubik', sans-serif; font-size: 25px; font-weight:700; color: #b69d90; text-align: left;
	margin-bottom:5px; 
	}		
.TXT_Avaliacao{
font-family:'Rubik', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; color: #000; text-align: left;
line-height:1.3; margin-bottom:25px;
}	
.WidgetBkDesign {
    width: 100%;
    padding: 25px; box-sizing: border-box;
    height: auto; 
    float: left;
    border: 1.5px solid #e3eaf0;
    background: #FFF url(../imagens/fundos/feedback.png) right top no-repeat;
    border-radius: 10px;
}
@media(max-width:1280px){
.Largura_Avaliacao{
max-width:90%;
}
}
@media(max-width:1000px){
	.WidgetBkDesign {
		 background: #FFF url(../imagens/fundos/feedback.png) right top no-repeat;
		 }
}
@media(max-width:850px){	
	.WidgetBkDesign {
		 background: #FFF url() right top no-repeat;
		 }
}		
@media(max-width:600px){	
}	
/*FINAL DESIGN*/

/*WIDGET*/	
.ST_compartilhar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    height: 40px;
    border-radius: 10px;
    background: #b69d90;
    border: none;
    cursor: pointer;
    position: relative;
    float: left;
    transition: 0.2s ease-in-out;
    margin-bottom: 5px;
    padding: 0 20px 0 0; /* Ajuste o espaçamento interno conforme necessário */
}
.Ico_compartilha_Agora {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b69d90; /* Adicionei um fundo branco para garantir que a borda arredondada seja visível */
}
.Ico_ComparCompar {
    content: url(../imagens/icones/setaCP.svg);
}
.ST_compartilhar:hover .Ico_ComparCompar {
    content: url(../imagens/icones/setaCP2.svg);
}
.NomeBt_compartilhar {
    font-family: 'Rubik', Arial, sans-serif;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-left: 5px; /* Espaçamento entre o ícone e o texto */
}
@media (max-width: 730px) {.NomeBt_compartilhar {display: none;}}
@media (max-width: 730px) {.ST_compartilhar { padding:0;}}


.Conteiner_compartilhar{
width: 85vw;
max-width: 572px;
height: auto;
background: #403530;
border-radius: 10px;
padding: 10px;
display: none;
clear: both;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.Conteiner_compartilhar.aberto {
display: block;
}
.WidgetBkDesign.aberto .Conteiner_compartilhar {
width: 100%;
max-width: 572px;
}
	  @media(max-width:750px){
	  .Conteiner_compartilhar.aberto {
	  display: block;
	  max-width: 100%;
	  }
	  }

	.ST_curtida { width: 100px; height: 40px; border-radius: 10px; margin-right:3px; float:left;}
	.ST_visualizacao{width: 100px; height: 40px; border-radius: 10px;margin-right:3px;float:left;}
	.ST_avaliacao{width: 200px; height: 40px; border-radius: 10px;margin-right:3px; float:left;}
	@media(max-width:645px){.ST_avaliacao{ display: none;}}
	.ST_avaliacao_Oculta{width: 200px; height: 40px; border-radius: 10px;margin-right:3px;}
	.Bk_avaliacao_Oculta{ width:100vw; height:auto; margin-top:10px;}
	@media(max-width:645px){.Bk_avaliacao_Oculta{ display:block; width:100%;}}
	@media(min-width:645px){.Bk_avaliacao_Oculta{ display: none;}}
	
	#BT_Compartilha_CopieNovo{width:40px; height:40px; background: #b69d90; position:relative; cursor:pointer; border:none; border-radius:40px; margin:1%; transition:0.2s ease-in-out;}
	#BT_Compartilha_CopieNovo:hover{ background: #000;}
	
	.BT_Compartilha_Novo{width:40px; height:40px; background: #b69d90; position:relative; cursor:pointer; border:none; border-radius:40px; margin:1%; transition:0.2s ease-in-out;}
	.BT_Compartilha_Novo:hover{ background: #000;}
	
	/*Icone Redes Sociais*/
	.ico_Copialink{content: url(../imagens/redesocial/copiar.svg); position:absolute; top:0; left:0;}
	.ico_WhatsApp{content: url(../imagens/redesocial/whatsapp.svg); position:absolute; top:0; left:0;}
	.ico_Facebook{content: url(../imagens/redesocial/facebook.svg); position:absolute; top:0; left:0;}
	.ico_Twiter{content: url(../imagens/redesocial/xTwiter.svg); position:absolute; top:0; left:0;}
	.ico_Email{content: url(../imagens/redesocial/email.svg); position:absolute; top:0; left:0;}
	.ico_Pinterest{content: url(../imagens/redesocial/pinterEste.svg); position:absolute; top:0; left:0;}
	.ico_Linkedin{content: url(../imagens/redesocial/linkedin.svg); position:absolute; top:0; left:0;}
	.ico_Youtube{content: url(../imagens/redesocial/youtube.svg); position:absolute; top:0; left:0;}
	.ico_Instagram{content: url(../imagens/redesocial/instagram.svg); position:absolute; top:0; left:0;}
	
	.bk_cor_fundo{ width:100%; height:auto;  float:left; padding-top:20px; padding-bottom:20px; background:#FFF url(../imagens/fundo-stats.png) no-repeat right center;  /*#F8F8F8*/
	}@media(max-width:600px){.bk_cor_fundo{ display:flex;flex-wrap: wrap; align-items: center; justify-content:center;}}
	@media(max-width:750px){.bk_cor_fundo{ background:#FFF;}}
	
	.Largura_comparilha{ max-width:1280px; margin:auto;}
	@media(max-width:1280px){.Largura_comparilha{ max-width:90%;}}
	
	.Title_Compartilhar{ margin:0; padding:0; 
	font-family: 'Rubik',Arial, sans-serif; color:#000; font-size:25px; font-weight:700; text-align: left;}
	.Txt_Compartilhar{ margin:0; padding:0;  
	font-family: 'Rubik',Arial, sans-serif;color: #000;f ont-size:16px; font-weight:400; text-align: left; 
	margin-bottom:15px;}
	@media(max-width:600px){.Title_Compartilhar,.Txt_Compartilhar{ text-align: center}}
/*FINAL WIDGET*/		
	
/*TAGS*/
.boxBT_Tag {
	width:100%;
 	height:50px; 
	float:left; 
	padding-left:50px;
	margin-bottom:3px;
	background: transparent; 
	border:0;
	border-radius:10px;
	position:relative; 
	cursor:pointer;
	font-family: 'Rubik', sans-serif; font-size:16px; font-weight:600; color: #403530; text-align:left;
	user-select: none;
	transition:0.2s ease-in-out;
	outline: none;
}
.boxBT_Tag:hover { background: transparent ;  color: #b69d90;}
.boxBT_Tag.active	{border-radius:10px; background: transparent ;  color:#b69d90;}	
.boxBT_Tag:after { width:40px; height:40px; position:absolute; left:85px; top:0; content: url(../imagens/icones/Mais_box_tag.png);}
.boxBT_Tag.active:after { content: url(../imagens/icones/Mais_box_tag2.png);}	
.conteudoTag{
	max-width:100%;
	max-height:auto;
	padding:1px;
	margin-bottom:5px;
	margin-top:0;
	border:0;
	overflow: hidden;
	transition: 0.2s ease-in-out;
	opacity: 0;
	display:none;
	}
div.conteudoTag.show {opacity:1; max-height:100%; display:block; margin-top:0; background: transparent ; border-radius:10px;}
.Bk_Tags{ 
	width:100%; 
	height:auto;
	float:left;
	}	
.Tags_DaPagina{
	background: #FFF;
	padding:10px; margin:5px; border:1.5px solid #403530; border-radius:10px; float:left;
	font-family: 'Rubik',Arial, sans-serif; font-size:14px; font-weight:400; color: #b69d90; text-align: center;
	user-select: none; /*tirando seletor de texto da div*/
	}
@media(max-width:1024px){.Tags_DaPagina{font-size:12px; padding:10px;}}
/*FINAL TAGS*/