.elementor-10 .elementor-element.elementor-element-f3842ec{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-4b79d82 */@media (max-width: 767px){
  /* Hero mais compacta */
  .hero .container{padding:54px 14px 36px}
  .hero h1{
    font-size: 28px;    /* antes ~34px */
    line-height: 1.18;
    letter-spacing: -0.2px;
    margin: 8px 0 12px;
  }
  .hero p.lead{
    font-size: 14.5px;  /* antes ~15.5px */
  }

  /* Botões lado a lado, sem forçar rolagem lateral */
  .hero .actions{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;            /* espaço menor entre eles */
  }
  .hero .actions .btn{
    padding: 10px 10px; /* mais enxuto para caber em 360–390px */
    font-size: 14px;    /* reduz levemente a tipografia do botão */
    flex: 1 1 0;        /* divide igualmente o espaço disponível */
    min-width: 0;       /* evita overflow */
    white-space: nowrap;
  }

  /* Opcional: arredonda um pouco menos para parecer menor visualmente */
  .btn{ border-radius: 9px; }
}

.top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.logo-social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.social-icons {
    margin-top: 15px;
    display: flex;
    gap: 15px;
}

.social-icons img {
    width: 50px;
    height: auto;
    transition: transform 0.3s ease;
}

.social-icons img:hover {
    transform: scale(1.1);
}/* End custom CSS */