.elementor-10990 .elementor-element.elementor-element-a674ba1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10990 .elementor-element.elementor-element-c186df3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10990 .elementor-element.elementor-element-0ab4fba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2% 0% 0% 0%;}.elementor-10990 .elementor-element.elementor-element-0ab4fba{z-index:1;}.elementor-10990 .elementor-element.elementor-element-0ab4fba img{width:10%;}.elementor-10990 .elementor-element.elementor-element-ca7e9c6{--display:flex;--min-height:230px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10990 .elementor-element.elementor-element-ca7e9c6:not(.elementor-motion-effects-element-type-background), .elementor-10990 .elementor-element.elementor-element-ca7e9c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050505;}.elementor-10990 .elementor-element.elementor-element-763b4a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-10990 .elementor-element.elementor-element-64dce0a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-64dce0a *//* --- FIX VISIBILIDADE DO BOTÃO DO FORM --- */
#bf-form button,
#bf-form [type="submit"]{
  color:#ffffff !important;           /* texto branco forte */
  opacity:1 !important;               /* sem desbotar */
  mix-blend-mode:normal !important;   /* evita mesclar com o fundo */
  text-shadow:0 0 8px rgba(0,0,0,.65) !important; /* contorno p/ legibilidade */
  font-weight:900 !important;
  letter-spacing:.06em !important;
}

#bf-form button span{                 /* alguns builders envolvem o texto em <span> */
  color:#ffffff !important;
  opacity:1 !important;
}

#bf-form button:hover,
#bf-form [type="submit"]:hover{
  color:#ffffff !important;           /* garante que no hover não mude para cinza */
  filter:brightness(1.2);
}
/* aplique na seção/coluna que envolve o HTML da LP */
..elementor-10990 .elementor-element.elementor-element-64dce0a, ..elementor-10990 .elementor-element.elementor-element-64dce0a .elementor-container, ..elementor-10990 .elementor-element.elementor-element-64dce0a .elementor-column,
..elementor-10990 .elementor-element.elementor-element-64dce0a .elementor-widget-wrap{ overflow:visible !important; max-width:100% !important; }





/* Estilos para a imagem */
.headline img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Desktop: imagem com 40% de largura */
@media (min-width: 768px) {
  .headline img {
    width: 40%;
    max-width: 40%;
  }
}

/* Opcional: Para telas muito grandes, você pode querer limitar o tamanho máximo */
@media (min-width: 1200px) {
  .headline img {
    width: 40%;
    max-width: 500px; /* ajuste este valor conforme necessário */
  }
}/* End custom CSS */
/* Start custom CSS *//* Escopo da seção onde a tira aparecerá */
.bf-scope { 
  position: relative; 
}

/* Contêiner da faixa */
.bf-ribbon {
  height: 50px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0 6px 24px rgba(0,0,0,.45);
  border-top: 2px solid rgba(255,255,255,.06);
  border-bottom: 2px solid rgba(255,255,255,.06);
  pointer-events: none;
  overflow: hidden;
  position: relative;
}

/* Modos de posicionamento */
.bf-ribbon[data-fixed="none"] {
  position: absolute;
  left: 0;
  right: 0;
}

.bf-ribbon[data-fixed="none"][data-align="top"] { 
  top: 0; 
}

.bf-ribbon[data-fixed="none"][data-align="bottom"] { 
  bottom: 0; 
}

.bf-ribbon[data-fixed="top"] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.bf-ribbon[data-fixed="bottom"] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* Conteúdo rolante */
.bf-track {
  display: flex;
  gap: 20px;
  white-space: nowrap;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: clamp(16px, 4vw, 28px);
  color: #fff;
  will-change: transform;
  animation: bf-slide 20s linear infinite;
}

.bf-track span {
  display: inline-block;
}

.bf-track .friday { 
  color: #ff1744;
  margin-left: 8px;
}

.bf-track i { 
  color: rgba(255,255,255,.28);
  font-style: normal;
  padding: 0 6px;
}

@keyframes bf-slide {
  from { 
    transform: translateX(0); 
  }
  to { 
    transform: translateX(-50%); 
  }
}

/* Otimização mobile */
@media (max-width: 768px) {
  .bf-ribbon {
    height: 45px;
  }
  
  .bf-track {
    gap: 15px;
    animation-duration: 15s;
  }
}


:root{
    --bg:#0b0b0b; --panel:#141414; --brand:#ff1744; --text:#f5f5f5; --muted:#bdbdbd;
    --container-max:1100px; --side-pad: clamp(16px, 4vw, 24px);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  html,body{margin:0;padding:0;overflow-x:hidden;background:var(--bg)!important;color:var(--text);
            font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
  a{color:inherit;text-decoration:none}

  /* ---------- JAULA para impedir estouro em mobile ---------- */
  .lp-bf, .lp-bf *{max-width:100%}
  .lp-bf{width:100%; overflow:hidden !important}
  .lp-bf img, .lp-bf svg{height:auto; max-width:100%}

  /* GRID PRINCIPAL */
  .hero{
    position:relative; z-index:2;
    width:100%; max-width:var(--container-max);
    margin:0 auto;
    padding: clamp(16px, 3vw, 24px) var(--side-pad) clamp(32px, 6vw, 48px);
    display:grid; 
    grid-template-columns: 1fr;
    gap: clamp(20px, 5vw, 32px); 
    align-items:start;
    background:transparent!important;
  }
  
  @media (min-width:768px){
    .hero{
      grid-template-columns: 1.05fr .95fr;
      gap: clamp(20px, 4vw, 32px);
    }
  }
  
  .hero > *{min-width:0; width:100%}

  /* BLOCO TEXTO */
  .headline{
    background: radial-gradient(80% 60% at 10% 10%, rgba(255,23,68,.14) 0%, rgba(0,0,0,0) 60%),
                radial-gradient(60% 40% at 90% 20%, rgba(255,214,10,.10) 0%, rgba(0,0,0,0) 60%);
    border-radius: clamp(16px, 2.5vw, 20px);
    padding: clamp(20px, 4vw, 32px);
    box-shadow:0 10px 40px rgba(0,0,0,.35);
    width:100%;
  }
  
  .kicker{
    font-size: clamp(10px, 2.8vw, 13px); 
    color:var(--muted); 
    text-transform:uppercase; 
    letter-spacing:.18em;
    margin-bottom:8px;
    display:block;
  }
  
  h1{
    margin:.2em 0 .5em; 
    font-size: clamp(26px, 7vw, 46px); 
    line-height:1.15; 
    word-wrap:break-word;
    overflow-wrap:break-word;
    hyphens:auto;
    font-weight:800;
  }
  
  .bf-emph{
    background:linear-gradient(180deg, rgba(255,23,68,.22), rgba(255,23,68,0)); 
    padding:0 .2em; 
    border-radius:.15em;
    text-shadow:0 2px 18px rgba(255,23,68,.25); 
    font-weight:900;
    display:inline-block;
  }
  
  .sub{
    color:var(--muted); 
    font-size: clamp(15px, 3.8vw, 17px); 
    line-height:1.55;
    margin-top:12px;
  }

  /* COUNTDOWN */
  .countdown{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(8px, 2.5vw, 12px); 
    margin-top: clamp(20px, 4vw, 24px);
    width:100%;
  }
  
  .cd-box{
    background:var(--panel); 
    padding: clamp(10px, 2.5vw, 14px) clamp(6px, 1.5vw, 10px); 
    border-radius:10px; 
    text-align:center;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:70px;
  }
  
  .cd-num{
    display:block; 
    font-size: clamp(20px, 5.5vw, 28px); 
    font-weight:800;
    line-height:1;
  }
  
  .cd-lab{
    display:block; 
    font-size: clamp(9px, 2.5vw, 11px); 
    color:var(--muted); 
    letter-spacing:.08em; 
    text-transform:uppercase;
    margin-top:6px;
  }

  /* FORM */
  .card{
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    border:1px solid rgba(255,255,255,.08); 
    border-radius: clamp(16px, 2.5vw, 20px);
    padding: clamp(20px, 4vw, 28px); 
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    width:100%; 
    max-width:100%;
    margin-inline:auto; 
    align-self:start;
    overflow:hidden;
  }
  
  .card form{
    width:100%;
    min-width:0;
  }
  
  @media (min-width:768px){
    .card{
      max-width:520px;
    }
  }
  
  .form-title{
    font-weight:700; 
    margin:0 0 16px; 
    font-size: clamp(18px, 4.5vw, 22px);
    line-height:1.3;
  }
  
  form{
    display:grid; 
    gap:14px;
  }
  
  .field{
    display:flex; 
    flex-direction:column; 
    gap:8px; 
    min-width:0;
    width:100%;
    max-width:100%;
  }
  
  label{
    font-size:clamp(11px, 3vw, 13px); 
    color:var(--muted); 
    letter-spacing:.04em;
    font-weight:500;
  }
  
  input{
    width:100% !important; 
    max-width:100% !important;
    border:1px solid rgba(255,255,255,.14); 
    background:#0f0f0f; 
    color:var(--text);
    padding:clamp(12px, 3vw, 14px) clamp(12px, 3vw, 14px); 
    border-radius:10px; 
    font-size:clamp(15px, 4vw, 16px); 
    line-height:1.4; 
    appearance:none;
    transition:border-color .2s ease;
    box-sizing:border-box;
    min-width:0;
  }
  
  input:focus{
    outline:none;
    border-color:rgba(255,23,68,.4);
  }
  
  input::placeholder{
    color:#8f8f8f;
  }

  /* CTA */
  button{
    width:100% !important; 
    max-width:100% !important;
    border:none; 
    border-radius:12px; 
    padding:clamp(14px, 3.5vw, 16px) clamp(16px, 4vw, 20px);
    font-weight:900; 
    font-size: clamp(14px, 3.8vw, 16px);
    line-height:1.3; 
    text-transform:uppercase; 
    letter-spacing:.02em;
    white-space:normal; 
    word-wrap:break-word;
    text-align:center;
    background:linear-gradient(135deg,var(--brand),#ff0844); 
    color:#fff; 
    text-shadow:0 0 8px rgba(0,0,0,.6);
    box-shadow:0 12px 24px rgba(255,8,68,.28); 
    transition:transform .2s ease, filter .2s ease;
    cursor:pointer;
    margin-top:6px;
    box-sizing:border-box;
    min-width:0;
  }
  
  button:hover, button:active{
    transform:translateY(-1px); 
    filter:brightness(1.15);
  }
  
  .legal{
    font-size:clamp(10px, 2.8vw, 11px); 
    color:var(--muted); 
    line-height:1.5; 
    margin-top:10px;
    text-align:center;
  }

  /* Safe area iOS */
  .pad-sides{
    padding-left:max(var(--side-pad), env(safe-area-inset-left)); 
    padding-right:max(var(--side-pad), env(safe-area-inset-right));
  }
  
  /* Previne zoom no iOS em inputs */
  @media screen and (max-width: 767px) {
    input, select, textarea {
      font-size: 16px !important;
    }
  }
  
  
#bf-form button, #bf-form [type="submit"] {
 font-size: 13px !important;   
}/* End custom CSS */