.elementor-316 .elementor-element.elementor-element-2d9fbfa{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-316 .elementor-element.elementor-element-136421b{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-136421b *//* MOBILE: remove botões e mantém apenas o hamburger no canto direito */
@media (max-width: 760px){
  /* Esconde todos os botões no header */
  .actions a.btn{
    display:none !important;
  }

  /* Ajusta container de ações */
  .actions{
    margin-left:auto;        /* empurra para a direita */
    min-width:auto;
    width:auto;
    display:flex;
    justify-content:flex-end;
  }

  /* Garante hamburger visível e no canto */
  .hamburger{
    display:inline-flex !important;
    margin-left:auto;
  }
}

/* ================================
   HAMBURGER — SEM VINHO/PRETO
   SEM "X" — 3 BARRINHAS SEMPRE
   ================================ */

/* base */
.hamburger{
  background: linear-gradient(135deg, var(--grad1), var(--grad2)) !important;
  border: 0 !important;
  box-shadow: 0 10px 26px rgba(13,0,11,.30) !important;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

/* 3 barrinhas brancas */
.hamburger span{
  background: var(--white) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: transform .18s ease, opacity .18s ease;
}

/* hover */
.hamburger:hover{
  background: linear-gradient(135deg, var(--grad1), var(--grad2)) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(13,0,11,.0) !important;
}

/* clique/tap (tirar vinho/preto) */
.hamburger:active,
.hamburger:focus,
.hamburger:focus-visible{
  background: linear-gradient(135deg, var(--grad1), var(--grad2)) !important;
  box-shadow: 0 14px 34px rgba(13,0,11,.2) !important;
  outline: none !important;
}

/* quando o menu está aberto (aria-expanded=true) — mantém roxo e 3 linhas */
.hamburger[aria-expanded="true"]{
  background: linear-gradient(135deg, var(--grad1), var(--grad2)) !important;
  box-shadow: 0 14px 34px rgba(13,0,11.5) !important;
}
.hamburger[aria-expanded="true"] span:nth-child(1),
.hamburger[aria-expanded="true"] span:nth-child(2),
.hamburger[aria-expanded="true"] span:nth-child(3){
  transform: none !important;
  opacity: 1 !important;
}

/* opcional: tamanho mais premium no mobile */
@media (max-width: 760px){
  .hamburger{
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }
  .hamburger span{
    width: 20px;
    height: 2px;
    margin: 6px auto;
    border-radius: 2px;
  }
}

/* ✅ EXCEÇÃO NO MOBILE: manter essas partes alinhadas à esquerda (ao canto) */
@media (max-width: 980px){

  /* HERO: stats voltam a ficar “ao canto” */
  .hero-meta{
    justify-items: stretch;
  }
  .stat{
    text-align: left;
  }
  .stat strong,
  .stat span{
    text-align: left;
  }

  /* TRUST STRIP: itens voltam “ao canto” */
  .trust-row{
    justify-content: flex-start;
  }
  .trust-item{
    justify-content: flex-start;
  }
  .trust-item span{
    text-align: left;
  }

  /* PROBLEMA: cards voltam “ao canto” */
  #problema .card{
    text-align: left;
  }
  #problema .card h3,
  #problema .card p{
    text-align: left;
  }
  #problema .icon{
    margin-left: 0;
    margin-right: auto;
  }
}

/* ✅ MOBILE: brand mais no canto + badge menor */
@media (max-width: 760px){

  /* Brand (nome) mais “no canto” */
  .topbar-inner{
    align-items: flex-start;              /* joga a brand mais pra cima */
  }

  .brand{
    min-width: auto;                       /* remove “reserva” de espaço */
    margin-top: 2px;                       /* ajusta o topo fininho */
  }

  .brand strong{
    font-size: 13px;                       /* nome menor */
    line-height: 1.05;
  }

  .brand span{
    font-size: 11px;                       /* subtítulo menor */
    line-height: 1.15;
  }

  /* Badge menor (“Landing pages de alta conversão…”) */
  .badge{
    padding: 8px 10px;
    font-size: 11px;
    gap: 8px;
    border-radius: 999px;
    max-width: 92%;
  }

  .badge i{
    width: 8px;
    height: 8px;
  }

  .badge span{
    line-height: 1.25;
  }
}/* End custom CSS */