/* Só Faróis e Latarias | LP Recuperação
   Apenas mobile: centralizar título, subtítulo e CTA na área do banner;
   enquadrar a lanterna um pouco acima do centro com opacidade de 15%.
   Desktop e outros elementos permanecem inalterados. */
@media (max-width: 639px) {
  #root .sfl-hero-section .sfl-hero-wrap {
    padding: 0 !important;
    max-width: none;
  }
  #root .sfl-hero-section .sfl-hero-frame {
    position: relative;
    isolation: isolate;
    min-height: 360px !important;
    height: auto !important;
    display: flex;
    flex-direction: column;
    align-items: stretch !important;
    justify-content: center !important;
    background: #121212;
  }
  #root .sfl-hero-section .sfl-hero-frame > .absolute.inset-0 {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    z-index: 0;
    pointer-events: none;
  }
  #root .sfl-hero-section .sfl-hero-frame picture,
  #root .sfl-hero-section .sfl-hero-frame picture img {
    display: block;
    width: 100%;
    height: 100%;
  }
  #root .sfl-hero-section .sfl-hero-frame picture img {
    object-fit: cover !important;
    object-position: center center !important;
    opacity: .15 !important;
    transform: translateY(-8%) scale(1.14) !important;
    transform-origin: center center;
  }
  #root .sfl-hero-section .sfl-hero-frame::after {
    display: none !important;
  }
  #root .sfl-hero-section .sfl-hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    min-height: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    gap: 14px;
    margin: 0 auto !important;
    padding: 20px 22px 22px !important;
  }
  #root .sfl-hero-section .sfl-hero-subtitle {
    max-width: 340px;
    margin-inline: auto;
  }
  #root .sfl-hero-section .sfl-hero-content > .pt-2 {
    width: 100%;
    padding-top: 0 !important;
    display: flex;
    justify-content: center;
  }
}