.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-9f31c8f:#F9F9F9;--e-global-color-0592089:#F68900;--e-global-color-4759a7e:#582C01;--e-global-color-29464f2:#E07B00;--e-global-color-950153e:#FF7A00;--e-global-color-212de8e:#371B00;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 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){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* --- Efeitos Profissionais para os Cards de Curso --- */

/* 1. Efeito de elevação e transição suave para o card */
.card-curso {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-curso:hover {
  transform: translateY(-8px); /* Efeito de 'flutuar' para cima */
  box-shadow: 0 20px 40px rgba(0,0,0,0.12); /* Sombra mais destacada para dar profundidade */
}

/* 2. Efeito sutil de zoom na imagem ao passar o mouse no card */
.card-curso .elementor-widget-image {
    /* Garante que o zoom não 'vaze' para fora das bordas arredondadas */
    overflow: hidden; 
}

.card-curso .elementor-image img {
    transition: transform 0.4s ease;
}

.card-curso:hover .elementor-image img {
    transform: scale(1.05); /* Leve zoom de 5% na imagem */
}



/* --- Correção Responsiva para Campos do Formulário --- */

/* Este código só será aplicado em telas de tablet para baixo (1024px ou menos) */
@media (max-width: 1024px) {
  /* Permite que os campos do formulário quebrem a linha */
  .form-responsivo .elementor-form-fields-wrapper {
    flex-wrap: wrap !important;
  }
  
  /* Força cada grupo de campo a ocupar 100% da largura */
  .form-responsivo .elementor-field-group {
    width: 100% !important;
  }
}


/* --- CORREÇÃO DEFINITIVA PARA ALINHAMENTO DO ÍCONE (MOBILE) --- */

/* Aplica apenas em telas de celular (até 767px de largura) */
@media (max-width: 767px) {
  /* Alvo: O container do card de diferencial */
  .elementor-widget-icon-box {
    /* Força o alinhamento do texto e de tudo dentro para o centro */
    text-align: center !important;
  }

  /* Alvo: O container específico que segura o ícone e o título */
  .elementor-widget-icon-box .elementor-icon-box-wrapper {
    /* Força esse container a se comportar como um bloco normal, impedindo a sobreposição */
    display: block !important;
  }
}

/* Gradiente na base da imagem dos cards, apenas no mobile */
@media (max-width: 767px) {
  .imagem-card-responsiva .elementor-widget-container {
    position: relative; /* Necessário para o pseudo-elemento funcionar */
    display: block;
  }

  .imagem-card-responsiva .elementor-widget-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%; /* Altura do gradiente, cubrindo 60% da base da imagem */
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0)); /* Gradiente do branco para transparente */
  }
}/* End custom CSS */