/* =========================================================
   CAREKA DIGITAL — V94 MOBILE HERO FINAL
   Ajuste cirúrgico pedido:
   - diminuir padding do topo do hero mobile;
   - subir o título;
   - aumentar título em aproximadamente 2px;
   - alinhar botão no mesmo eixo;
   - aumentar a caixa do hero para ocupar melhor a tela;
   - manter o restante do site com as mesmas características.
   ========================================================= */

@media (max-width: 860px){
  body .ckHeroV80,
  body .ckHeroV65.ckHeroV80,
  body .ckHeroV66.ckHeroV80,
  body .hero-prologue.ckHeroV80{
    padding-top:72px!important;
    min-height:calc(100svh - 72px)!important;
    overflow:hidden!important;
  }

  body .ckHeroV80__frame,
  body .ckHeroV80 .hero-prologue__frame,
  body .hero-prologue__frame.ckHeroV80__frame{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    min-height:calc(100svh - 82px)!important;
    margin:0 auto!important;
    padding:
      clamp(0px, .45vh, 6px)
      clamp(24px, 6.4vw, 40px)
      clamp(12px, 2.6vh, 28px)!important;
    border-radius:clamp(24px, 6vw, 34px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:clamp(10px, 1.6vh, 18px)!important;
  }

  body .ckHeroV80__copy,
  body .ckHeroV80 .hero-copy-main{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    align-self:stretch!important;
  }

  body .ckHeroV80__copyInner,
  body .ckHeroV80 .hero-copy-inner{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    gap:clamp(13px, 1.85vh, 19px)!important;
    transform:translateY(-48px)!important;
    transform-origin:top left!important;
  }

  body .ckHeroV80__title,
  body .ckHeroV80 .hero-title-block{
    transform:none!important;
    width:min(100%, 570px)!important;
    max-width:10.85ch!important;
    margin:0!important;
    font-size:clamp(50px, 15.15vw, 78px)!important;
    line-height:.895!important;
    letter-spacing:.01em!important;
    text-align:left!important;
    text-wrap:balance!important;
  }

  body .ckHeroV80__lead,
  body .ckHeroV80 .hero-lead-copy{
    transform:none!important;
    width:min(100%, 570px)!important;
    max-width:34.5ch!important;
    margin:0!important;
    font-size:clamp(17px, 4.42vw, 20px)!important;
    line-height:1.42!important;
    letter-spacing:-.025em!important;
    text-align:left!important;
  }

  body .ckHeroV80__actions,
  body .ckHeroV80 .hero-cta-row{
    transform:none!important;
    width:100%!important;
    max-width:570px!important;
    margin:0!important;
    display:flex!important;
    justify-content:flex-start!important;
  }

  body .ckHeroV80__primary,
  body .ckHeroV80 .hero-cta--primary{
    width:100%!important;
    max-width:570px!important;
    min-width:0!important;
    min-height:54px!important;
    padding:0 clamp(18px, 5vw, 28px)!important;
    border-radius:14px!important;
    font-size:clamp(11.2px, 3.18vw, 14px)!important;
    line-height:1.12!important;
    letter-spacing:.145em!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Card do fundador não deve empurrar o CTA na primeira tela */
  body .ckHeroV80__founder,
  body .ckHeroV80 .ckFounderDockV24{
    margin-top:0!important;
    align-self:stretch!important;
  }
}

@media (max-width: 520px){
  body .ckHeroV80,
  body .ckHeroV65.ckHeroV80,
  body .ckHeroV66.ckHeroV80,
  body .hero-prologue.ckHeroV80{
    padding-top:70px!important;
    min-height:calc(100svh - 70px)!important;
  }

  body .ckHeroV80__frame,
  body .ckHeroV80 .hero-prologue__frame,
  body .hero-prologue__frame.ckHeroV80__frame{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    min-height:calc(100svh - 76px)!important;
    padding:
      0
      clamp(28px, 7vw, 34px)
      clamp(10px, 2.2vh, 22px)!important;
    border-radius:28px!important;
    gap:clamp(8px, 1.35vh, 14px)!important;
  }

  body .ckHeroV80__copyInner,
  body .ckHeroV80 .hero-copy-inner{
    gap:clamp(12px, 1.55vh, 16px)!important;
    transform:translateY(-58px)!important;
  }

  body .ckHeroV80__title,
  body .ckHeroV80 .hero-title-block{
    font-size:clamp(48px, 15.05vw, 66px)!important;
    line-height:.895!important;
    max-width:10.58ch!important;
  }

  body .ckHeroV80__lead,
  body .ckHeroV80 .hero-lead-copy{
    font-size:clamp(16.6px, 4.3vw, 18.8px)!important;
    line-height:1.40!important;
    max-width:34ch!important;
  }

  body .ckHeroV80__primary,
  body .ckHeroV80 .hero-cta--primary{
    min-height:53px!important;
    border-radius:14px!important;
    padding-inline:18px!important;
  }
}

@media (max-width: 390px){
  body .ckHeroV80,
  body .ckHeroV65.ckHeroV80,
  body .ckHeroV66.ckHeroV80,
  body .hero-prologue.ckHeroV80{
    padding-top:66px!important;
    min-height:calc(100svh - 66px)!important;
  }

  body .ckHeroV80__frame,
  body .ckHeroV80 .hero-prologue__frame,
  body .hero-prologue__frame.ckHeroV80__frame{
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    min-height:calc(100svh - 70px)!important;
    padding-left:24px!important;
    padding-right:24px!important;
    padding-bottom:10px!important;
  }

  body .ckHeroV80__copyInner,
  body .ckHeroV80 .hero-copy-inner{
    gap:10px!important;
    transform:translateY(-62px)!important;
  }

  body .ckHeroV80__title,
  body .ckHeroV80 .hero-title-block{
    font-size:clamp(43px, 13.9vw, 58px)!important;
    line-height:.895!important;
    max-width:10.55ch!important;
  }

  body .ckHeroV80__lead,
  body .ckHeroV80 .hero-lead-copy{
    font-size:15.8px!important;
    line-height:1.38!important;
  }

  body .ckHeroV80__primary,
  body .ckHeroV80 .hero-cta--primary{
    min-height:50px!important;
    font-size:10.8px!important;
  }
}