.elementor-2465 .elementor-element.elementor-element-2035dcd3{--display:flex;--min-height:100vh;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2465 .elementor-element.elementor-element-2035dcd3:not(.elementor-motion-effects-element-type-background), .elementor-2465 .elementor-element.elementor-element-2035dcd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-2465 .elementor-element.elementor-element-2577de91{--display:flex;--overlay-opacity:0.5;}.elementor-2465 .elementor-element.elementor-element-2577de91::before, .elementor-2465 .elementor-element.elementor-element-2577de91 > .elementor-background-video-container::before, .elementor-2465 .elementor-element.elementor-element-2577de91 > .e-con-inner > .elementor-background-video-container::before, .elementor-2465 .elementor-element.elementor-element-2577de91 > .elementor-background-slideshow::before, .elementor-2465 .elementor-element.elementor-element-2577de91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2465 .elementor-element.elementor-element-2577de91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2465 .elementor-element.elementor-element-5ed53422{text-align:center;}.elementor-2465 .elementor-element.elementor-element-5ed53422 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;text-shadow:0px 0px 93px #1AD8FF;color:#01D4FF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2465 .elementor-element.elementor-element-7311ae95{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:300;color:#FF0000;}.elementor-2465 .elementor-element.elementor-element-7311ae95.elementor-element{--align-self:center;}.elementor-2465 .elementor-element.elementor-element-8cd387d{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:300;color:#DADADA;}.elementor-2465 .elementor-element.elementor-element-8cd387d.elementor-element{--align-self:center;}.elementor-2465 .elementor-element.elementor-element-149969d4{--display:flex;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;}.elementor-2465 .elementor-element.elementor-element-7122cbb5{width:100%;max-width:100%;}.elementor-2465 .elementor-element.elementor-element-7122cbb5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2465 .elementor-element.elementor-element-7122cbb5.elementor-element{--align-self:center;}.elementor-2465 .elementor-element.elementor-element-1354683 > .elementor-widget-container{background-color:#FFED00;}.elementor-2465 .elementor-element.elementor-element-1354683{text-align:center;}.elementor-2465 .elementor-element.elementor-element-1354683 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#000000;}.elementor-2465 .elementor-element.elementor-element-1f51b67 > .elementor-widget-container{background-color:#FF0000;}.elementor-2465 .elementor-element.elementor-element-1f51b67{text-align:center;}.elementor-2465 .elementor-element.elementor-element-1f51b67 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-2465 .elementor-element.elementor-element-34acdb92{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2465 .elementor-element.elementor-element-7cbfec18 .elementor-button{background-color:#0B1F23;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;fill:#01D4FF;color:#01D4FF;box-shadow:0px 0px 30px 0px #0B1F23;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0D5464;border-radius:10px 10px 10px 10px;padding:20px 40px 20px 40px;}.elementor-2465 .elementor-element.elementor-element-7cbfec18 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2465 .elementor-element.elementor-element-7cbfec18 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-2465 .elementor-element.elementor-element-5d36739{width:var( --container-widget-width, 43% );max-width:43%;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:300;color:#DADADA;}.elementor-2465 .elementor-element.elementor-element-5d36739.elementor-element{--align-self:center;}.elementor-2465 .elementor-element.elementor-element-6ca052e{text-align:center;}.elementor-2465 .elementor-element.elementor-element-5b9d8d4d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4755694D;--border-color:#4755694D;--border-radius:8px 8px 8px 8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2465 .elementor-element.elementor-element-5b9d8d4d:not(.elementor-motion-effects-element-type-background), .elementor-2465 .elementor-element.elementor-element-5b9d8d4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E293B66;}.elementor-2465 .elementor-element.elementor-element-2675f998{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2465 .elementor-element.elementor-element-14d8587c{text-align:left;}.elementor-2465 .elementor-element.elementor-element-14d8587c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-2465 .elementor-element.elementor-element-5c95086b{width:100%;max-width:100%;text-align:left;font-family:"Roboto", Sans-serif;font-weight:300;color:#DADADA;}.elementor-2465 .elementor-element.elementor-element-5c95086b.elementor-element{--align-self:center;}.elementor-2465 .elementor-element.elementor-element-62f203b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-2465 .elementor-element.elementor-element-7311ae95{width:100%;max-width:100%;}.elementor-2465 .elementor-element.elementor-element-8cd387d{width:100%;max-width:100%;}.elementor-2465 .elementor-element.elementor-element-5d36739{width:100%;max-width:100%;}.elementor-2465 .elementor-element.elementor-element-2675f998{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2465 .elementor-element.elementor-element-14d8587c{text-align:left;}.elementor-2465 .elementor-element.elementor-element-5c95086b{text-align:center;}}@media(max-width:767px){.elementor-2465 .elementor-element.elementor-element-1354683 > .elementor-widget-container{padding:5% 0% 4% 0%;}.elementor-2465 .elementor-element.elementor-element-1354683 .elementor-heading-title{font-size:17px;}.elementor-2465 .elementor-element.elementor-element-1f51b67 > .elementor-widget-container{padding:5% 0% 4% 0%;}.elementor-2465 .elementor-element.elementor-element-1f51b67 .elementor-heading-title{font-size:17px;}.elementor-2465 .elementor-element.elementor-element-34acdb92{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;}.elementor-2465 .elementor-element.elementor-element-7cbfec18{width:100%;max-width:100%;}.elementor-2465 .elementor-element.elementor-element-7cbfec18 .elementor-button{font-size:19px;padding:15px 5px 15px 5px;}.elementor-2465 .elementor-element.elementor-element-2675f998{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2465 .elementor-element.elementor-element-14d8587c{text-align:center;}.elementor-2465 .elementor-element.elementor-element-14d8587c .elementor-heading-title{font-size:24px;line-height:1.2em;}}@media(min-width:768px){.elementor-2465 .elementor-element.elementor-element-2675f998{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2465 .elementor-element.elementor-element-2675f998{--width:100%;}}/* Start custom CSS for igd_media, class: .elementor-element-7122cbb5 *//* ===============================================
   🎥 PLAYER DE VÍDEO - CONFIGURAÇÕES GERAIS
   =============================================== */

/* Player principal */
.igd-player {
    background: rgba(30, 41, 59, 0.4); /* 🎨 Harmonizado com os comentários */
    font-family: -apple-system, BlinkMacSystemFont, sans-serif; /* 📝 Fonte do sistema */
    border-radius: 8px;
    border: 1px solid rgba(71, 85, 105, 0.3);
    overflow: hidden;
}

/* Container da playlist */
.igd-player-playlist {
    flex: 0.8; /* 📐 Largura da playlist */
    background: rgba(51, 65, 85, 0.3);
    border-left: 1px solid rgba(71, 85, 105, 0.4);
}

/* Remove bordas e sombras indesejadas */
.elementor-widget-igd_media,
.igd,
.igd-player *,
.igd-player::after {
    border: none !important;
    box-shadow: none !important;
}

/* ===============================================
   📜 SCROLLBAR DA PLAYLIST
   =============================================== */

/* Largura da barra de rolagem */
.igd-player-playlist::-webkit-scrollbar {
    width: 4px; /* 📏 Espessura da scrollbar mais fina */
}

/* Track da scrollbar */
.igd-player-playlist::-webkit-scrollbar-track {
    background: rgba(71, 85, 105, 0.2);
    border-radius: 2px;
}

/* Cor da barra de rolagem */
.igd-player-playlist::-webkit-scrollbar-thumb {
    background: rgba(71, 85, 105, 0.6); /* 🎨 Harmonizado */
    border-radius: 2px; /* 🔄 Arredondamento */
}

/* Cor da barra quando passa o mouse */
.igd-player-playlist::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 0.8); /* 🎨 Cor no hover */
}

/* ===============================================
   📋 TÍTULO DA PLAYLIST
   =============================================== */

.igd-player-playlist::before {
    content: '📺 Aulas'; /* 📝 Texto do título */
    display: block;
    color: #f1f5f9; /* 🎨 Cor mais clara e elegante */
    font-weight: 600; /* 📝 Peso da fonte */
    margin-top: 0.75rem; /* 📐 Espaço acima */
    margin-bottom: 0.75rem; /* 📐 Espaço abaixo */
    margin-left: 1rem;
    margin-right: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(71, 85, 105, 0.4); /* 📏 Linha divisória */
    font-size: 0.9rem;
}

/* ===============================================
   🎬 ITENS DA PLAYLIST
   =============================================== */

/* Aparência normal dos itens */
.playlist-item {
    background: rgba(51, 65, 85, 0.4); /* 🎨 Harmonizado com tema */
    border: 1px solid rgba(71, 85, 105, 0.3);
    border-radius: 6px; /* 🔄 Arredondamento mais sutil */
    transition: all 0.2s ease; /* ⚡ Animação suave */
    margin: 0.5rem;
}

/* Aparência no HOVER e ATIVO */
.playlist-item:hover,
.playlist-item.active {
    background: rgba(51, 65, 85, 0.7); /* 🎨 Mais sutil que o azul */
    border-color: rgba(71, 85, 105, 0.6); /* 🎨 Cor da borda harmonizada */
    transform: translateY(-1px); /* ⬆️ Move para cima em vez de lado */
}

/* Item ativo com destaque especial */
.playlist-item.active {
    background: rgba(71, 85, 105, 0.6);
    border-color: rgba(71, 85, 105, 0.8);
    position: relative;
}

.playlist-item.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background: #f1f5f9;
    border-radius: 0 6px 6px 0;
}

/* ===============================================
   🔢 NÚMERO DO ÍNDICE (1, 2, 3...)
   =============================================== */

/* Aparência normal do número */
.item-index {
    background: rgba(71, 85, 105, 0.5); /* 🎨 Harmonizado */
    color: #cbd5e1; /* 🎨 Cor mais suave */
    padding: 0.2rem 0.4rem; /* 📐 Espaçamento interno */
    border-radius: 4px; /* 🔄 Arredondamento mais sutil */
    font-size: 0.75rem; /* 📝 Tamanho da fonte */
    font-weight: 600;
    min-width: 2rem;
    text-align: center;
}

/* Número no hover/ativo */
.playlist-item:hover .item-index,
.playlist-item.active .item-index {
    background: rgba(71, 85, 105, 0.8); /* 🎨 Mais escuro no hover */
    color: #f1f5f9; /* 🎨 Texto mais claro */
}

/* ===============================================
   📝 NOME DO VÍDEO
   =============================================== */

/* Aparência normal do nome */
.item-name {
    flex: 1; /* 📐 Ocupa o espaço restante */
    color: #cbd5e1; /* 🎨 Harmonizado */
    font-size: 0.875rem; /* 📝 Tamanho da fonte */
    font-weight: 400; /* 📝 Peso da fonte */
    line-height: 1.3;
    margin: 0 0.5rem;
}

/* Nome no hover/ativo */
.playlist-item:hover .item-name,
.playlist-item.active .item-name {
    color: #f1f5f9; /* 🎨 Texto mais claro */
    font-weight: 500; /* 📝 Fonte um pouco mais pesada */
}

/* ===============================================
   ⏱️ DURAÇÃO DO VÍDEO
   =============================================== */

/* Aparência normal da duração */
.item-duration {
    display: flex;
    align-items: center;
    gap: 0.25rem; /* 📐 Espaço entre elementos */
    color: #64748b; /* 🎨 Harmonizado */
    font-size: 0.75rem; /* 📝 Tamanho da fonte */
    background: rgba(71, 85, 105, 0.3); /* 🎨 Fundo sutil */
    padding: 0.25rem 0.5rem; /* 📐 Espaçamento interno */
    border-radius: 4px; /* 🔄 Arredondamento */
}

/* Duração no hover/ativo */
.playlist-item:hover .item-duration,
.playlist-item.active .item-duration {
    color: #94a3b8; /* 🎨 Texto mais claro */
    background: rgba(71, 85, 105, 0.5); /* 🎨 Fundo mais escuro */
}

/* ===============================================
   ▶️ ÍCONES DE PLAY E PAUSE
   =============================================== */

/* Aparência normal dos ícones */
.playlist-item .dashicons-controls-play,
.playlist-item .dashicons-controls-pause {
    color: #64748b !important; /* 🎨 Harmonizado */
    font-size: 1rem; /* 📝 Tamanho do ícone */
    opacity: 0; /* 👻 Invisível por padrão */
    transition: all 0.2s ease; /* ⚡ Animação suave */
    display: flex; /* 📐 Para centralizar */
    align-items: center; /* 📐 Centraliza verticalmente */
    justify-content: center; /* 📐 Centraliza horizontalmente */
    width: auto;
    height: auto;
}

/* Ícone :before do pause herda a cor */
.playlist-item .dashicons-controls-pause:before {
    color: inherit;
}

/* Ícones no hover/ativo (aparecem) */
.playlist-item:hover .dashicons-controls-play,
.playlist-item.active .dashicons-controls-play,
.playlist-item:hover .dashicons-controls-pause,
.playlist-item.active .dashicons-controls-pause {
    color: #f1f5f9 !important; /* 🎨 Cor clara */
    opacity: 1; /* 👁️ Totalmente visível */
}

/* ===============================================
   🔧 AJUSTES ESPECÍFICOS
   =============================================== */

/* Previne mudança de cor do wrapper */
.igd-player .igd-player-playlist .playlist-item-wrap:hover {
    background: transparent; /* 🎨 Mantém fundo transparente */
}

/* Responsividade para mobile */
@media (max-width: 768px) {
    .igd-player {
        flex-direction: column;
    }
    
    .igd-player-playlist {
        border-left: none;
        border-top: 1px solid rgba(71, 85, 105, 0.4);
    }
    
    .playlist-item {
        margin: 0.25rem 0.5rem;
    }
    
    .item-name {
        font-size: 0.8rem;
    }
    
    .item-duration {
        font-size: 0.7rem;
    }
}

/* ===============================================
   📝 MELHORIAS IMPLEMENTADAS:
   
   🎨 HARMONIZAÇÃO:
   - Cores integradas com o tema dos comentários
   - Paleta consistente em tons de slate/gray
   - Transições e efeitos mais sutis
   
   📐 REFINAMENTOS:
   - Bordas e sombras mais elegantes
   - Espaçamentos otimizados
   - Typography mais limpa
   
   ⚡ INTERAÇÕES:
   - Movimento vertical em vez de horizontal
   - Indicador lateral para item ativo
   - Responsividade melhorada
   
   🔧 MANTIDO:
   - Toda funcionalidade original
   - Estrutura de ícones e estados
   - Sistema de hover/ativo
   =============================================== *//* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-62f203b0 *//* Login Info */
#commentform .logged-in-as{
	display:none;
}

/* Label */
#commentform .comment-form-comment label{
	display:none;
}

/* Comment Reply Title */
#reply-title{
	display:none;
	
}


#commentform .comment-notes{
	display:none;
}

/* Comment form author */
#commentform .comment-form-author{
	color:#ffffff;
}


/* Comment form url */
#commentform .comment-form-url{
	display:none;
}

/* Comment */
#comment{
	height:150px;
	
}




/* Title comments */
#comments .title-comments{
	display:none;
}


/* Time Tag */
.thread-odd a time{
	display:none;
}

/* Time Tag */
.thread-even a time{
	display:none;
}


.comment-list .thread-even article{
	padding-left:10px !important;
}

	.comment-list .thread-odd article{
		padding-left:10px !important;
}
/* Comment edit link */
.thread-odd .edit-link .comment-edit-link{
	margin-right:10px;
}

/* Link */
.thread-even .edit-link a{
	margin-right:10px;
	
}
/* ===== CSS SIMPLES E ELEGANTE PARA COMENTÁRIOS WORDPRESS ===== */


/* Título dos comentários */
.title-comments {
  color: #f1f5f9;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(71, 85, 105, 0.4);
}

/* Lista de comentários */
.comment-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Comentário individual */
.comment {
  margin-bottom: 1.5rem;
}

.comment-body {
  background: rgba(51, 65, 85, 0.3);
  border: 1px solid rgba(71, 85, 105, 0.4);
  border-radius: 6px;
  padding: 1.25rem;
  transition: background-color 0.2s ease;
}

.comment-body:hover {
  background: rgba(51, 65, 85, 0.5);
}

/* Meta informações do comentário */
.comment-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(71, 85, 105, 0.3);
}

/* Avatar */
.avatar {
  border-radius: 50%;
  border: 2px solid rgba(71, 85, 105, 0.5);
}

/* Autor do comentário */
.comment-author .fn {
  color: #f8fafc;
  font-weight: 500;
  text-decoration: none;
}

.comment-author .fn a {
  color: #cbd5e1;
  text-decoration: none;
  transition: color 0.2s ease;
}

.comment-author .fn a:hover {
  color: #f1f5f9;
}

.comment-author .says {
  color: #64748b;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}

/* Data do comentário */
.comment-metadata {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
}

.comment-metadata a {
  color: #64748b;
  text-decoration: none;
  font-size: 0.8rem;
  transition: color 0.2s ease;
}

.comment-metadata a:hover {
  color: #94a3b8;
}

.edit-link a {
  background: rgba(71, 85, 105, 0.4);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

.edit-link a:hover {
  background: rgba(71, 85, 105, 0.6);
}

/* Conteúdo do comentário */
.comment-content {
  color: #e2e8f0;
  line-height: 1.6;
  font-size: 0.95rem;
  margin: 0;
}

.comment-content p {
  margin: 0;
}

/* Botão de resposta */
.reply {
  margin-top: 1rem;
}

.comment-reply-link {
  display: inline-block;
  background: rgba(71, 85, 105, 0.5);
  color: #cbd5e1;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
  border: 1px solid rgba(71, 85, 105, 0.6);
}

.comment-reply-link:hover {
  background: rgba(71, 85, 105, 0.7);
  color: #f1f5f9;
  border-color: rgba(71, 85, 105, 0.8);
}

/* Destacar comentário do autor do post */
.bypostauthor .comment-body {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}

/* Formulário de comentário */
.comment-respond {
  background: rgba(30, 41, 59, 0.3);
  border: 1px solid rgba(71, 85, 105, 0.4);
  border-radius: 6px;
  padding: 1.5rem;
  margin-top: 2rem;
}

.comment-reply-title {
  color: #f1f5f9;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(71, 85, 105, 0.4);
}

.comment-reply-title small a {
  color: #ef4444;
  text-decoration: none;
  font-size: 0.8rem;
  margin-left: 0.75rem;
  transition: color 0.2s ease;
}

.comment-reply-title small a:hover {
  color: #f87171;
}

/* Informações de login */
.logged-in-as {
  color: #94a3b8;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: rgba(51, 65, 85, 0.4);
  border-radius: 4px;
  border-left: 3px solid rgba(71, 85, 105, 0.8);
}

.logged-in-as a {
  color: #cbd5e1;
  text-decoration: none;
  transition: color 0.2s ease;
}

.logged-in-as a:hover {
  color: #f1f5f9;
}

.required {
  color: #fca5a5;
}

/* Campos do formulário */
.comment-form-comment {
  margin-bottom: 1.25rem;
}

.comment-form-comment label {
  display: block;
  color: #f1f5f9;
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

/* Campos de nome e e-mail */
.comment-form-author,
.comment-form-email {
  margin-bottom: 1rem;
}

.comment-form-author label,
.comment-form-email label {
  display: block;
  color: #f1f5f9;
  font-weight: 500;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

#author,
#email {
  width: 100%;
  padding: 0.875rem;
  background: rgba(51, 65, 85, 0.4);
  border: 1px solid rgba(71, 85, 105, 0.5);
  border-radius: 4px;
  color: #f1f5f9;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  transition: border-color 0.2s ease;
}

#author:focus,
#email:focus {
  outline: none;
  border-color: rgba(71, 85, 105, 0.8);
  background: rgba(51, 65, 85, 0.6);
}

#author::placeholder,
#email::placeholder {
  color: #64748b;
}

#comment {
  width: 100%;
  min-height: 100px;
  padding: 0.875rem;
  background: rgba(51, 65, 85, 0.4);
  border: 1px solid rgba(71, 85, 105, 0.5);
  border-radius: 4px;
  color: #f1f5f9;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.2s ease;
}

#comment:focus {
  outline: none;
  border-color: rgba(71, 85, 105, 0.8);
  background: rgba(51, 65, 85, 0.6);
}

#comment::placeholder {
  color: #64748b;
}

/* Botão de envio */
.form-submit {
  margin-top: 1rem;
}

#submit {
  background: rgba(71, 85, 105, 0.8);
  color: #f8fafc;
  border: 1px solid rgba(71, 85, 105, 0.9);
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

#submit:hover {
  background: rgba(71, 85, 105, 1);
  border-color: rgba(100, 116, 139, 1);
}

#submit:active {
  transform: translateY(1px);
}

/* Responsividade */
@media (max-width: 768px) {
  .comments-area {
    padding: 1.25rem;
    margin: 1.5rem 0;
  }
  
  .comment-body {
    padding: 1rem;
  }
  
  .comment-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  
  .comment-metadata {
    margin-left: 0;
    margin-top: 0.25rem;
  }
  
  .title-comments {
    font-size: 1.25rem;
  }
  
  .avatar {
    width: 36px;
    height: 36px;
  }
  
  /* Campos de formulário em mobile */
  #comment,
  #author,
  #email {
    font-size: 0.9rem;
    padding: 0.75rem;
  }
}

@media (max-width: 480px) {
  .comments-area {
    padding: 1rem;
  }
  
  .comment-respond {
    padding: 1.25rem;
  }
  
  .title-comments {
    font-size: 1.125rem;
  }
  
  /* Campos menores em telas pequenas */
  #comment,
  #author,
  #email {
    font-size: 0.875rem;
    padding: 0.65rem;
  }
}/* End custom CSS */