.elementor-3931 .elementor-element.elementor-element-1cde831{width:100%;max-width:100%;}.elementor-3931 .elementor-element.elementor-element-1cde831 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-3931 .elementor-element.elementor-element-1cde831 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-1cde831 *//* --- Hero full-screen com conteúdo à esquerda e professor à direita --- */
.hero{
  display:flex;
  align-items:center;
  min-height:100vh;
  padding: clamp(24px,6vw,64px);
}

.hero::before{
  /* gradiente forte à esquerda para leitura + imagem cobrindo a tela */
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.88) 0%,
      rgba(0,0,0,.72) 38%,
      rgba(0,0,0,.35) 60%,
      rgba(0,0,0,0) 75%),
    url(https://inglessimplesassim.com.br/wp-content/uploads/2025/10/Black-Friday-Eustaquio-4.png)
      75% center / cover no-repeat !important; /* 85% “empurra” a imagem p/ a direita */
}

.hero .content{
  max-width: 720px;
  margin-left: -57%; /* aproxima do canto */
  text-align: left;
}

/* Responsivo: centraliza a imagem no mobile e libera largura do texto */
@media (max-width: 900px) {
  h1 {
    font-size: 1.8rem !important;
    line-height: 1.3 !important;
  }
}
/* RESET + força de cor no texto do botão */
#leadForm > button {
  all: unset;
  display: block;
  width: calc(100% - 4px); /* evita ultrapassar as bordas */
  margin: 0 auto; /* centraliza perfeitamente */
  text-align: center;

  background: #b91c1c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background-clip: border-box !important;
  -webkit-background-clip: border !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;

  font-weight: 900;
  font-size: 1rem !important;
  text-transform: uppercase;
  padding: 0.9rem 0.1rem !important; /* reduz ligeiramente a lateral */
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(255,255,255,0.15);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  position: relative;
  z-index: 10;
}

#leadForm > button:hover {
  background: linear-gradient(90deg,#b91c1c,#dc2626) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 0 24px rgba(220,38,38,.55);
  transform: scale(1.02);
}
/* ======================= */
/* === CORREÇÃO MOBILE === */
/* ======================= */

@media (max-width: 900px) {
  .hero {
    flex-direction: column;
    justify-content: flex-start;
    padding: 60px 20px 40px;
    min-height: auto;
  }

  .hero::before {
    background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%),
                url("https://inglessimplesassim.com.br/wp-content/uploads/2025/10/Black-Friday-Eustaquio.png") 
                center top / cover no-repeat !important;
  }
  .hero .content {
    max-width: 100%;
    margin: 0;
    padding: 0 1rem;
    text-align: center;
  }
h1 {
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.2;
}
  .benefits {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  form {
    padding: 16px;
  }
  button {
    font-size: 1rem;
    padding: 14px;
  }
}/* End custom CSS */