/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 16 2026 | 16:04:20 */
/* Esconde avatar padrão */
.comment-author .avatar{
  display:none !important;
}

/* Novo avatar com iniciais */
.comment-author .avatar-initials{
  width:60px !important;
  height:60px !important;
  border-radius:50%;
  background:#FFDABC;
  color:#FF943B;

  display:flex;
  align-items:center;
  justify-content:center;

  font-family: Inter, sans-serif;
  font-size:26px;
  font-weight:700;
  line-height:120%;

  text-transform:uppercase;
  flex-shrink:0;
}
#comments .comment .comment-body, #comments .pingback .comment-body {
    padding-inline-start: 30px;
}
/* Esconde a data original da direita */
.comment-metadata {
    display: none !important;
}

/* Container principal (vcard) agora é um flex horizontal */
.comment-author.vcard {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
}

/* O novo bloco de texto que criamos (vertical) */
.author-text-stack {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Estilização do Nome */
.author-text-stack .fn {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
}

/* Estilização da Data conforme seu print 2 */
.custom-comment-date {
    font-size: 13px;
    color: #FF9F43; /* Cor Laranja */
    margin-top: -8px;
}

/* Garante que o avatar mantenha o tamanho correto */
.comment-author.vcard img, 
.comment-author.vcard .avatar-initials {
    flex-shrink: 0;
    width: 42px; /* Ajuste conforme necessário */
    height: 42px;
    border-radius: 50%;
}

/* Remove o "disse:" */
.comment-author .says {
    display: none;
}

.ctm-cmt-text-wrap {
	padding-bottom: 15px; 
}

#comments .reply {

    padding-left: 80px;
}

#comments .ctm-cmt-like {
top: 38px;
    left: 0px;
}

#comments .comment .comment-body, #comments .pingback .comment-body {
    border-block-end: 1px solid #F3E9DC !important;
}

#comments .comment-form label {
    /* margin: 0 0 6px 10px; */
    color: var(--ctm-dark);
    font-size: 14px;
    font-weight: 400;
    background: white;
    line-height: 140%;
    display: inline;
    margin-left: 22px;
    margin-bottom: -10px !important;
    /* margin-bottom: 10px; */
	z-index: 3 !important;
	padding: 0px 4px;
}

#comments .comment-form input[type="text"], #comments .comment-form input[type="email"], #comments .comment-form textarea {
	margin-top: -12px;
		z-index: 1 !important;
display: block;
color: var(--Text-dark, #383838);

/* Button/14/regular */
font-family: var(--font-family-Body, Inter);
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */

}

span.required {
color: #B7334A;
}

#comments .comment-form input[type="text"], #comments .comment-form input[type="email"], #comments .comment-form textarea {
border: 1.5px solid #383838 !important;
border-radius: 30px;

}











/* 1. Reset e Esconder Padrões */
.comment-author .avatar, 
.comment-author .says {
    display: none !important;
}

.comment-metadata {
    display: none !important;
}

/* 2. Avatar de Iniciais (Tamanho fixo unificado) */
.comment-author .avatar-initials {
    width: 42px !important; /* Mantenha igual ao tamanho da imagem para não quebrar o flex */
    height: 42px !important;
    border-radius: 50%;
    background: #FFDABC;
    color: #FF943B;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 18px; /* Ajustado para o tamanho 42px */
    font-weight: 700;
    flex-shrink: 0;
    text-transform: uppercase;
}

/* 3. Layout do Header do Comentário */
.comment-author.vcard {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px;
}

.author-text-stack {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.author-text-stack .fn {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    display: block;
}

.custom-comment-date {
    font-size: 13px;
    color: #FF9F43;
    margin-top: 2px; /* Ajustado de -8px para 2px para ficar legível */
}

/* 4. Estilo dos Inputs (Melhoria de UI) */
#comments .comment-form input[type="text"], 
#comments .comment-form input[type="email"], 
#comments .comment-form textarea {
    border: 1.5px solid #383838 !important;
    border-radius: 20px; /* Um pouco menos exagerado que 30px */
    padding: 12px 15px;
    width: 100%;
    box-sizing: border-box;
}


#comments ol.comment-list .children:before {
	display: none;
}

@media (max-width: 769px) { 

#comments .comment .comment-body, #comments .pingback .comment-body {
padding-inline-start: 0px;
padding-top: 20px;
}
	.custom-comment-date {
margin-top: -14px ;
}
	}


	.custom-comment-date {
margin-top: -8px ;
}


/* Garante que o SVG importado obedeça o tamanho do seu efeito */
.elementor-field-type-submit .button_efect_line .elementor-button-icon svg {
    width: var(--iconSize) !important;
    height: auto !important;
    display: block;
}

/* Ajuste de cor para o botão de submit (Newsletter) */
.elementor-field-type-submit .button_efect_line {
    background-color: #008A9A; /* Cor base do seu projeto */
    color: #fff;
    border: none;
    cursor: pointer;
}

.elementor-field-type-submit .button_efect_line .elementor-button-text {
    flex-grow: 1;
}




/* AJUSTE ESPECÍFICO: NEWSLETTER */
.elementor-field-type-submit .button_efect_line {
    --btnH: 40px;          /* Altura reduzida */
    --padX: 40px;          /* Mais largo nas laterais */
    --inset: 8px;          /* Aumentei aqui: afasta a seta da beirada */
    --iconSize: 24px;      /* Tamanho da seta */
    
    background-color: #008A9A !important;
    border-radius: 50px !important;
    width: auto !important;
    min-width: 240px;      /* Garante o formato alongado */
    margin: 0 auto;
    display: block;
}

/* Ajuste do Hover para a seta não bater na borda direita */
.elementor-field-type-submit .button_efect_line:hover .elementor-button-icon {
    left: calc(100% - var(--iconSize) - var(--inset));
}

/* Garante que o ícone e o texto fiquem alinhados com a nova altura */
.elementor-field-type-submit .button_efect_line .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}



#comments #submit.submit {
box-shadow: none;
}



button#submit.button_efect_line {
    --btnH: 42px;          /* Altura reduzida/fina */
    --padX: 20px;          /* Largo nas laterais */
    --inset: 12px;         /* Seta bem pra dentro, como na imagem */
    --iconSize: 24px;      /* Tamanho do ícone */
    
    background-color: #FF914D !important; /* Laranja da imagem */
    color: #ffffff !important;
    border-radius: 50px !important;
    border: none !important;
    
    width: auto !important;
    min-width: 200px;      /* Mantém o formato alongado */
    cursor: pointer;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

/* Garante que o ícone do comentário siga a animação lateral */
button#submit.button_efect_line .elementor-button-icon {
    transition: left var(--dur) var(--ease) !important;
}

/* Hover: Ícone vai para a direita respeitando o recuo */
button#submit.button_efect_line:hover {
    background-color: #ff7d2b !important; /* Laranja um pouco mais escuro no hover */
}

button#submit.button_efect_line:hover .elementor-button-icon {
    left: calc(100% - var(--iconSize) - var(--inset)) !important;
}

/* Ajuste do texto para não encavalar */
button#submit.button_efect_line .elementor-button-text {
    padding-left: calc(var(--iconSize) + var(--inset) + 10px);
    padding-right: var(--padX);
}

button#submit.button_efect_line:hover .elementor-button-text {
    padding-left: var(--padX);
    padding-right: calc(var(--iconSize) + var(--inset) + 10px);
}