@charset "utf-8";

	@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
	/*font-family: 'Rubik', sans-serif;*/
	body { margin:0; padding:0; border:0;	 overflow-x:hidden;}
	
.ST_compartilhar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    height: 40px;
    border-radius: 10px;
    background: #00679a;
    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: #00679a; /* 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: 600px) {.NomeBt_compartilhar {display: none;}}
@media (max-width: 600px) {.ST_compartilhar { padding:0;}}



	.Conteiner_compartilhar{width: 85vw; max-width: 552px; height: auto; background: #333333; border-radius: 15px; padding:10px; display: none; clear: both;
	 flex-wrap: wrap; align-items: center; justify-content:center;}
	.Conteiner_compartilhar.aberto {display: block; }

	.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:6px;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;}}
	@media(min-width:645px){.Bk_avaliacao_Oculta{ display: none;}}
	
	#BT_Compartilha_CopieNovo{width:40px; height:40px; background: #00679a; position:relative; cursor:pointer; border:none; border-radius:40px; margin:1%; transition:0.2s ease-in-out;}
	#BT_Compartilha_CopieNovo:hover{ background:#00dc00;}
	
	.BT_Compartilha_Novo{width:40px; height:40px; background: #00679a; position:relative; cursor:pointer; border:none; border-radius:40px; margin:1%; transition:0.2s ease-in-out;}
	.BT_Compartilha_Novo:hover{ background:#00dc00;}
	
	/*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}}