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

:root {
	--verde: #273c75;
	--verde-escuro: #192a56;
	--verde-transparente: #417F4122;
	--amarelo: #e74c3c;
	--cinza: #E0E0E0;
}

html														{ border: 0px; margin: 0px; padding: 0px; width: 100%; min-height: 100%; overflow: auto; scroll-behavior: smooth; scroll-padding: var(--scroll-padding, 70px); }
body														{ border: 0px; margin: 0px; padding: 0px; width:100%; min-height: 100%; font-family:'Open Sans',sans-serif; font-weight: 300; font-size: 15px; background:#FFFFFF; top: 0px !important; }
img, input, select, textarea								{ border: 0px; margin: 0px; padding: 0px; outline: 0px; }
a															{ text-decoration: none; }
b															{ font-weight: 700; }
*															{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body::-webkit-scrollbar										{ width: 5px; height: 0px; }
body::-webkit-scrollbar-track								{ background:#999999; }
body::-webkit-scrollbar-thumb								{ background:#666666; }

/*- CELULAR ------------------------------------------------------------------------------------------------------------------------------------*/

.topo-celular					{ display: none; }
.topo-celular-whatsapp			{ display: none; }

/*- LINK CELULAR --------------------------------------------------------------------------------------------------------------------------------*/

a[href^=tel]{
	color: #FFFFFF;
	text-decoration: none; 
}

input[type=text]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
input[type=time]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 12px; outline: none; }
input[type=password]				{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
input[type=file]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
select								{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 10px; outline: none; height: 46px; }
textarea							{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }

input[type=submit]					{ float: right; min-width: 15%; margin: 0px 0px 0px 0px; padding: 14px; border: 0px; font-size: 15px; border-radius: 6px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; text-align: center; cursor: pointer; outline: none; -webkit-appearance: none; }
input[type=submit]:hover			{ background: #27ae6044; border: 1px solid #27ae6055; color: #27ae60; }

input[type=button]					{ float: left; min-width: 15%; margin: 0px 0px 0px 0px; padding: 14px; border: 0px; font-size: 15px; border-radius: 6px; background: #7f8c8d22; border: 1px solid #7f8c8d33; color: #7f8c8d; text-align: center; cursor: pointer; outline: none; -webkit-appearance: none; }
input[type=button]:hover			{ background: #7f8c8d44; border: 1px solid #7f8c8d55; color: #7f8c8d; }

.select2-container--default .select2-selection--single                            { border: 1px solid #CCCCCC; background-color: #FFFFFF; border-radius: 6px; }
.select2-container--default .select2-selection--single .select2-selection__arrow  { height: 46px; position: absolute; top: 1px; right: 10px; width: 20px; }
.select2-search--dropdown                                                         { display: block; padding: 8px; }
.select2-search--dropdown .select2-search__field                                  { padding: 6px; width: 100%; box-sizing: border-box; }
.select2-container .select2-selection--single                                     { box-sizing: border-box; cursor: pointer; display: block; height: 50px; user-select: none; margin: 0px 0px 0px 0px; -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered        { display: block; padding: 9px 0px 0px 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*- LOGIN --------------------------------------------------------------------------------------------------------------------------------------*/
/*- LOGIN --------------------------------------------------------------------------------------------------------------------------------------*/

.login_caixa1 				        { min-width: 100vw; min-height: 100vh; background: linear-gradient(135deg,rgba(11,116,209,0.90),rgba(34,197,94,0.70),rgba(255,138,0,0.50)); background-size: cover; position: fixed; }
.login_caixa2				        { width: 380px; height: calc(100% - 40px); top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; position: fixed; border-radius: 10px; margin: 0px; left: auto; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); background-color:rgba(255,255,255,0.6); backdrop-filter: blur(5px); }
.login_caixa3				        { display: block; padding: 20px; }
.login_caixa3 h1			        { text-align: left; font-size: 32px; color:#000000; font-weight: 300; margin: 0px; padding: 0px; }
.login_caixa3 p				        { margin: 0px 0px 0px 0px; text-align: justify; color: #555555; }
.login_caixa3 label			        { display: block; font-size: 15px; color:#000000; font-weight: bold; padding: 15px 0px 5px 0px; }
.login_caixa3 input			        { width: calc(100%); border: 1px solid #00000055; border-radius: 5px; background:rgba(255,255,255,0.2); color:#000000; padding: 15px; }
.login_caixa3 button		        { width: calc(100%); border: 1px solid #00000022; background: #00000033; border-radius: 5px; color:#000000; font-size: 15px; font-weight: 700; margin: 20px 0px 50px 0px; padding: 15px 0px; cursor: pointer; }
.login_caixa3 button:hover	        { border: 1px solid #00000055; background:#00000088; color:#FFFFFF99; }


/*- CAIXA PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------*/
/*- CAIXA PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------*/

.interna                                        { width: 100vw; min-height: 100vh; background: #999999; display: flex; padding: 10px; box-sizing: border-box; }
.interna-lateral                                { width: 70px; background: var(--verde); border-radius: 8px 0px 0px 8px; display: flex; flex-direction: column; align-items: stretch; }
.interna-lateral-logo                           { width: 70px; height: 80px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 30px; margin-bottom: 20px; }
.interna-lateral-item                           { width: 70px; height: 70px; color: #FFFFFF; cursor: pointer; text-align: center; }
.interna-lateral-item i                         { display: block; text-align: center; font-size: 18px; padding-top: 16px; }
.interna-lateral-item span                      { display: block; text-align: center; font-size: 11px; padding-top: 10px; }
.interna-lateral-item:hover                     { background: var(--verde-escuro); }
.interna-lateral-bottom                         { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 0px; padding: 0px 0px 0px 0px; }
.interna-lateral-bottom .interna-lateral-help   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-conf   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-sair   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-sair   { margin: 0px 0px 10px 0px; }
.interna-lateral-help:hover                     { background:#FFFFFF; color:var(--verde); }
.interna-lateral-conf:hover                     { background:#FFFFFF; color:var(--verde); }
.interna-lateral-sair:hover                     { background:#FFFFFF; color:var(--verde); }

.interna-barra                                  { width: 300px; background: var(--cinza); border-radius: 0 0 0 0px; display: flex; flex-direction: column; margin-right: 0px; }
.interna-barra-usuario                          { padding: 20px; border-bottom: 1px solid #FFFFFF; }
.interna-barra-usuario-texto1                   { color: #777777; font-weight: 500; }
.interna-barra-usuario-texto2                   { color: #444444; font-weight: 700; font-size: 18px; padding: 5px 0px 0px 0px; }
.interna-barra-usuario-texto2 span 				{ color: #777777; font-weight: 500; font-size: 13px; }

.interna-barra-menu                             { padding: 20px 10px; }
.interna-barra-menu a                           { background: rgba(255,255,255,0.3); display: block; padding:10px; border-radius: 6px; color:#444444; font-weight:500; margin-bottom: 4px; text-decoration: none; }
.interna-barra-menu a i                         { width: 24px; text-align: center; display: inline-block; margin-right: 8px; }
.interna-barra-menu a:hover                     { background: #FFFFFF; color:var(--verde); }
.interna-conteudo                               { flex: 1; background:#F7F7F7; border-radius: 0px 8px 8px 0px; padding: 40px; overflow-y: scroll; box-sizing: border-box; height: calc(100vh - 20px); }
.interna-conteudo h1                            { margin: 0px 0px 20px 0px; color: #444444; }

.interna-barra-menu-active { background: #FFFFFF !important; }

/*- CAIXA CONTEÚDO -----------------------------------------------------------------------------------------------------------------------------*/
/*- CAIXA CONTEÚDO -----------------------------------------------------------------------------------------------------------------------------*/

.caixa-introducao-conteudo					{ width: 100%; background: #FFFFFF; border: 1px solid #DDDDDD; color: #444444; float: left; margin: 0px 0px 40px 0px; border-radius: 6px; padding: 20px; }
.caixa-introducao-conteudo p				{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

.caixa-introducao-avisosos					{ width: 100%; background: #c0392b22; border:1px solid #C0392B99; color: #c0392b; float: left; margin: 0px 0px 20px 0px; border-radius: 6px; padding: 20px; }
.caixa-introducao-avisosos p				{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

.caixa-legenda-conteudo						{ width: 100%; background: #95A5A622; border: 1px solid #95A5A633; color: #444444; float: left; margin: 40px 0px 0px 0px; border-radius: 6px; padding: 20px; }
.caixa-legenda-conteudo p					{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }


/*- CONFIGURACOES ------------------------------------------------------------------------------------------------------------------------------*/
/*- CONFIGURACOES ------------------------------------------------------------------------------------------------------------------------------*/

.botao-lista-configuracao01				{ background:#c0392b22; border:1px solid #c0392b99; color: #c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-configuracao01:hover		{ background:#c0392b; border: 1px solid #c0392b; color: #FFFFFF; }

.botao-lista-configuracao02				{ background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-configuracao03				{ background: #95a5a622; border: 1px solid #95a5a633; color: #95a5a6; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }

.botao-politica							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #2c3e5022; border: 1px solid #2c3e5033; color: #2c3e50; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-politica:hover					{ background: #2c3e5044; border: 1px solid #2c3e5055; }
.botao-politica a						{ color: #2c3e50 !important; text-decoration: none; font-weight: 700; }

.botao-termouso							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #2c3e5022; border: 1px solid #2c3e5033; color: #2c3e50; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-termouso:hover					{ background: #2c3e5044; border: 1px solid #2c3e5055; }
.botao-termouso a						{ color: #2c3e50 !important; text-decoration: none; font-weight: 700; }

.botao-voltar-termos					{ float: left; width: 150px; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #7f8c8d22; border: 1px solid #7f8c8d33; color: #7f8c8d; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-voltar-termos i					{ margin-right:5px; }
.botao-voltar-termos:hover				{ background: #7f8c8d44; border: 1px solid #7f8c8d55; color: #7f8c8d; }

.botao-imprimir							{ float: left; width: 150px; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-imprimir i						{ margin-right:5px; }
.botao-imprimir:hover					{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.token-api								{ float: left; width: calc((100% - 260px)); margin: 0px 10px 0px 0px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; padding: 36px 20px 36px 20px; border-radius: 6px; }

.botao-api1								{ float: right; width: 250px; margin: 0px 0px 10px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-api1 i							{ margin-right:5px; }
.botao-api1:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.botao-api2								{ float: right; width: 250px; margin: 0px 0px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-api2 i							{ margin-right:5px; }
.botao-api2:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.lista-token							{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 10px; background: #ecf0f199; border: 1px solid #ecf0f1; color: #ecf0f1; border-radius: 6px; cursor: pointer; }
.lista-token:hover						{ background: #1abc9c22; border: 1px solid #1abc9c33; color: #1abc9c; }
.lista-token .texto						{ float: left; width: 50%; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; color: #7f8c8d; font-size: 15px; font-weight: 400; }
.lista-token .icone						{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #7f8c8d;  }
.lista-token .icone:hover				{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #444444;  }

.botao-lista-api3						{ background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-api3:hover					{ background: #27ae60; border: 1px solid #27ae60; color:#FFFFFF; }

.botao-lista-usuario01					{ background:#3498db22; border:1px solid #3498db99; color:#3498db; width:30px; height:30px; margin: 0px 6px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-usuario01:hover			{ background:#3498db; border:1px solid #3498db; color: #FFFFFF; }

.botao-lista-usuario02					{ background:#c0392b22; border:1px solid #c0392b99; color:#c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-usuario02:hover			{ background:#c0392b; border:1px solid #c0392b; color:#FFFFFF; }

.botao-dns1								{ float: right; width: 320px; margin: 0px 0px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-dns1 i							{ margin-right:5px; }
.botao-dns1:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

/*- AJUDA --------------------------------------------------------------------------------------------------------------------------------------*/
/*- AJUDA --------------------------------------------------------------------------------------------------------------------------------------*/

.pergunta								{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 10px; background: #1abc9c11; border: 1px solid #1abc9c22; color: #1abc9c; border-radius: 6px; cursor: pointer; }
.pergunta:hover							{ background: #1abc9c22; border: 1px solid #1abc9c33; color: #1abc9c; }
.pergunta .texto						{ float: left; width: 90%; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; color: #7f8c8d; font-size: 15px; font-weight: 400; }
.pergunta .icone						{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #7f8c8d; font-size: 20px; }

.resposta								{ float: left; width: 100%; margin: -12px 0px 10px 0px; padding: 15px; background: #FFFFFF; border: 1px solid #004247; color: #444444; border-radius: 0px 0px 6px 6px; text-align: justify; display: none; }

.pergunta-aberta						{ background: #004247 !important; border: 1px solid #004247 !important; color: #FFFFFF !important; border-radius:6px 6px 0px 0px; }
.pergunta-aberta .texto					{ color:#FFFFFF; }
.pergunta-aberta .icone					{ color:#FFFFFF; }

.botao-whatsapp							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-whatsapp:hover					{ background: #27ae6044; border: 1px solid #27ae6055; }
.botao-whatsapp a						{ color: #27ae60 !important; text-decoration: none; font-weight: 700; }

/*- RELATORIOS ---------------------------------------------------------------------------------------------------------------------------------*/
/*- RELATORIOS ---------------------------------------------------------------------------------------------------------------------------------*/

.tabela-relatorio								{ float: left; width: 100%; margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; }
.tabela-relatorio	.col						{ float: left; width: calc((100% / 5) - (40px / 5)); margin: 0px 10px 0px 0px; }
.tabela-relatorio	.col:nth-child(5n)			{ float: left; width: calc((100% / 5) - (40px / 5)); margin: 0px 0px 0px 0px; }
.tabela-relatorio	.col .icone					{ width: 100%; text-align: center; padding: 15px 0px 15px 0px; }
.tabela-relatorio	.col .icone i				{ width: 70px; text-align: center; padding: 16px 0px 0px 0px; float: left; font-size: 32px; display:block;  }
.tabela-relatorio	.col .icone .info			{ text-align: left; margin-left: 70px; }
.tabela-relatorio	.col .icone .info h3		{ font-size: 15px; line-height: 0px; font-weight: normal; margin-bottom: 10px; }
.tabela-relatorio	.col .icone b				{ font-size: 24px; }
.tabela-relatorio	.col .legenda				{ border:1px solid #DDD; background:#FFF; border-radius:0px 0px 6px 6px; border-top:0px; padding:10px 0px; text-align:center; color:#666; }

.abas 							{ float: left; border-bottom: 1px solid #ccc; margin: 0px 0px 15px 0px; width: 100%; padding: 0px 0px 15px 0px; }
.abas button 					{ padding: 10px 20px 10px 20px; border: none; cursor: pointer; font-weight: bold; transition: 0.2s; color:#00636a99; background:#00636a11; border: 1px solid #00636a11; border-radius:6px; }
.abas button.ativo 				{ background: #00636a33; border: 1px solid #00636a44; color:#00636a; }

.conteudo-abas > div 			{ display: none; }
.conteudo-abas > div.ativo 		{ float: left; display: block; background:#FFFFFF; border: 1px solid #DDDDDD; color: #444444; margin: 0px 0px 0px 0px; border-radius: 6px; padding: 0px; width:100%; }
.conteudo-abas > div:nth-child(3).ativo .dataTables_wrapper { border: 0px; }
.conteudo-abas > div:nth-child(4).ativo .dataTables_wrapper { border: 0px; }

.news-tabela-visualizar			{ float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; border-radius: 6px; pointer-events: none; }

/*- SOCIAL ABA (Nova Publicação) ---------------------------------------------------------------------------------------------------------------*/

.bloco-redes						{ width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.bloco-redes .card-rede				{ border-radius: 8px; padding:20px 20px; min-height:190px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#ffffff; }
.bloco-redes .card-instagram		{ background:linear-gradient(135deg, #f7b34d, #f04a6a, #b026d3); }
.bloco-redes .card-facebook			{ background:linear-gradient(135deg, #1877f2, #0d47a1); }
.bloco-redes .card-youtube			{ background:linear-gradient(135deg, #ff0000, #b71c1c); }
.bloco-redes .card-tiktok			{ background:linear-gradient(135deg, #000000, #434343); }
.bloco-redes .icone-rede			{ width:58px; height:58px; background:rgba(255,255,255,0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.bloco-redes .icone-rede i			{ font-size:28px; color:#ffffff; }
.bloco-redes .titulo-rede			{ font-size:18px; margin-bottom:18px; }
.bloco-redes .botao-rede			{ display:inline-block; background:#ffffff; color:#333; text-decoration:none; font-size:15px; padding:8px; border-radius:8px; min-width:120px; }
.bloco-redes .botao-rede.conectado	{ background:rgba(255,255,255,0.25); color:#ffffff; font-weight:bold; border:1px solid rgba(255,255,255,0.4); }

/*- SOCIAL ABA (Nova Publicação) ---------------------------------------------------------------------------------------------------------------*/
/*- SOCIAL ABA (Nova Publicação) ---------------------------------------------------------------------------------------------------------------*/

.tabela-uploads-post				{ float:left; width:100%; padding:30px 20px; margin: 10px 0px 20px 0px; background:#f8fafc; border:1px dashed #d1d5db; border-radius:8px; text-align:center; color:#374151; cursor:pointer; transition:all 0.2s ease; }
.tabela-uploads-post:hover			{ background:#EEE; border-color:#9ca3af; }

.tabs-box				{ width: 100%; margin-top: 10px; }
.tabs-top				{ display: flex; align-items: flex-end; gap: 2px; }
.tab-link				{ padding: 10px 22px; border: 1px solid #DCDCDC; border-bottom: none; background: #F1F1F1; color: #666666; font-weight: bold; border-radius: 6px 6px 0px 0px; cursor: pointer; }
.tab-link.active		{ padding: 14px 22px; background: #FFFFFF; color: #000000; border-color: #DCDCDC; position: relative; top: 1px; }
.tabs-content			{ border: 1px solid #DCDCDC; background: #FFFFFF; padding: 20px; }
.tab-pane				{ display: none; }
.tab-pane.active		{ display: block; }

.tabela-galeria					{ display: grid; grid-template-columns: repeat(8, 1fr); gap: 15px; width: 100%; }
.item-galeria					{ background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; cursor: grab; transition: 0.15s ease; }
.item-galeria: active			{ cursor: grabbing; }
.item-galeria.dragging			{ opacity: 0.45; }
.thumb-wrap						{ width: 100%; aspect-ratio: 3/4; background: #f3f4f6; position: relative; overflow: hidden; }
.thumb, .video-capa				{ width: 100%; height: 100%; display: block; }
.thumb-imagem					{ background-size: cover; background-position: center center; background-repeat: no-repeat; }
.thumb-video					{ position: relative; width: 100%; height: 100%; background: #111827; }
.video-thumb-source				{ display: none; }
.video-capa						{ background: #111827; }
.tag-video						{ position: absolute; right: 8px; top: 8px; background:  #b91c1c; color: #FFFFFF; font-size: 12px; padding: 3px 8px; border-radius: 6px; }
.acoes-galeria					{ display: flex; gap: 8px; padding: 10px; }
.btn-galeria					{ flex: 1; text-align: center; text-decoration: none; font-size: 13px; padding: 9px 8px; border-radius: 6px; border: 1px solid #d1d5db; color: #111827; background: #fff; }
.btn-galeria: hover				{ background: #f9fafb; }
.btn-apagar						{ color: #b91c1c; }



.lista-redes					{ display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)); gap: 10px; }
.lista-redes-item input			{ display: none; }
.lista-redes-item label			{ display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #FFFFFF; cursor: pointer; transition: all 0.2s ease; }
.lista-redes-item label: hover	{ border-color: #d1d5db; }
.lista-redes-texto				{ display: flex; align-items: center; gap: 10px; font-size: 14px; color: #374151; }
.lista-redes-texto i			{ font-size: 16px; color: #9ca3af; }
.lista-redes-check				{ width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #d1d5db; display: flex; align-items: center; justify-content: center; font-size: 10px; color: transparent; transition: all 0.2s ease; }

.lista-redes-item input:checked + label							{ border-color: #9ca3af; background: #fafafa; }
.lista-redes-item input:checked + label .lista-redes-check		{ border-color: #6b7280; color: #6b7280; }
.lista-redes-item input:checked + label .lista-redes-texto i	{ color: #6b7280; }