.elementor-kit-6{--e-global-color-primary:#3D4542;--e-global-color-secondary:#B1A99E;--e-global-color-text:#3D4542;--e-global-color-accent:#BDC6C3;--e-global-color-d8ce864:#DAD8D6;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Avenir Next";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Avenir Next";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Bebas Neue";--e-global-typography-accent-font-size:30px;--e-global-typography-accent-font-weight:500;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-d8ce864 );color:#FFFFFF;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#FFFFFF;color:#B1A99E;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===============================================
   OVERRIDE LEARNDASH COURSE GRID (LEGACY V1)
   LIMPO + EFEITO DE HOVER NO BOTÃO
   =============================================== */

/* --- 1) BOTÃO PRIMÁRIO (normal e hover) --- */
.ld-course-list-items .ld_course_grid .btn-primary {
  background-color: #3D4542 !important;  /* Cor normal */
  color: #FFFFFF !important;            /* Texto normal */
  border-color: #3D4542 !important;
  border-radius: 8px !important;
  cursor: pointer;                      /* Garante pointer */
  transition: all 0.3s ease-in-out;     /* Suaviza transições */
}

/* Hover/focus/active (Bootstrap + LearnDash) */
.ld-course-list-items .ld_course_grid .btn-primary:hover,
.ld-course-list-items .ld_course_grid .btn-primary:focus,
.ld-course-list-items .ld_course_grid .btn-primary:active,
.ld-course-list-items .ld_course_grid .btn-primary.active,
.ld-course-list-items .ld_course_grid .open .dropdown-toggle.btn-primary {
  background-color: #A2E3B9 !important; /* Cor ao hover */
  color: #333333 !important;
  border-color: #fff !important;
  box-shadow: 2 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(2px);
}

/* --- 2) TEXTO DA PORCENTAGEM DE PROGRESSO --- */
.ld-progress-percentage,
.ld_course_grid dd.course_progress {
  color: #B1A99E !important;
  font-weight: bold;
}

/* Caso a porcentagem apareça com .ld-secondary-color */
.ld-progress-percentage.ld-secondary-color {
  color: #3D4542 !important;
}

/* --- 3) BARRA DE PROGRESSO (fundo preenchido) --- */
.ld-progress-bar .ld-progress-bar-percentage.ld-secondary-background {
  background-color: #A2E3B9 !important; /* Cor do "fill" da barra */
}

/* --- 4) BADGE/RIBBON (faixa superior) --- */
/* Ribbon geral: "In Progress", "Completo" etc. */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon {
  background: #DAD8D6 !important;
  color: #3D4542 !important;
}

/* Ribbon para curso "enrolled" */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
  background: #FF485B !important;
  color: #FFFFFF !important;
}

/* Triângulo da ribbon enrolled */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled:before {
  border-top: 4px solid #FF485B !important;
  border-right: 4px solid #FF485B !important;
}

/* --- 5) IMAGEM DO CARD (mantendo proporção 4:5) --- */
.ld-course-list-items .ld_course_grid .thumbnail.course img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

/* Card normal */
.ld-course-list-items .ld_course_grid .thumbnail.course {
  transition: all 0.3s ease-in-out; /* Suaviza o hover */
  /* Caso queira remover a borda padrão do LearnDash:
  border: none !important; 
  */
}

/* Card no hover */
.ld-course-list-items .ld_course_grid .thumbnail.course:hover {
  transform: translateY(-5px);             /* Move o card levemente para cima */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Sombra para destacar */
}

/* Quebra a linha do texto da ribbon a partir da palavra "Tempo" */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon {
  white-space: normal !important;
  line-height: 1.2em !important;
  text-align: ;
  font-weight: bold;
  padding: 4px 6px;
  font-size: 12.5px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  word-break: break-word;
}

/* Força quebra antes da palavra "Tempo" se houver hífen ou espaço */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon br {
  display: inline;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon {
  max-width: 65% !important;   /* Reduz largura */
  padding: 6px 10px !important;
  font-size: 13px !important;
  line-height: 1.3em !important;
  white-space: normal !important; /* Garante que o <br> funcione */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir Next';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://56.124.26.100/teste/wp-content/uploads/2025/04/AvenirNext-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */