@media (max-width: 999px) {
  header .hero-mobile-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }

  header .hero-mobile-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  header .banner,
  header [class^="banner-"] {
    background-image: none !important;
  }

  header .bgBanner,
  header [class^="bgBanner-"] {
    display: none !important;
    background-image: none !important;
  }

  header .banner > .uk-container,
  header [class^="banner-"] > .uk-container {
    isolation: isolate;
  }

  header .banner h1,
  header [class^="banner-"] h1 {
    max-width: min(11ch, 100%);
  }

  header .banner h1 span,
  header [class^="banner-"] h1 span {
    max-width: 100%;
  }

  header .banner .btn1,
  header [class^="banner-"] .btn1 {
    max-width: min(300px, calc(100vw - 40px));
  }

  .banner-atendimento h1,
  .banner-comercial h1,
  .banner-marketing h1 {
    font-size: clamp(2.55rem, 10.5vw, 3.6rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.04em !important;
  }

  .banner-atendimento h1 span,
  .banner-comercial h1 span,
  .banner-marketing h1 span {
    font-size: clamp(1rem, 4.4vw, 1.45rem) !important;
    padding-bottom: 0.9rem !important;
  }

  .banner-sobre h1,
  .banner-como-fazemos h1,
  .banner-outsourcing h1,
  .banner-trabalhe-aqui h1 {
    max-width: min(9ch, 100%);
    font-size: clamp(2.35rem, 10vw, 3.4rem) !important;
    line-height: 0.95 !important;
    letter-spacing: -0.04em !important;
  }

  .banner-sobre h1 span,
  .banner-como-fazemos h1 span,
  .banner-outsourcing h1 span,
  .banner-trabalhe-aqui h1 span {
    font-size: clamp(1rem, 4.4vw, 1.5rem) !important;
    padding-bottom: 1rem !important;
  }

  .banner-sobre h1 #textAnima,
  .banner-como-fazemos h1 #textAnima,
  .banner-outsourcing h1 #textAnima,
  .banner-trabalhe-aqui h1 #textAnima {
    gap: 0.2rem;
  }

  .banner-como-fazemos .description {
    display: none !important;
  }

  .banner-outsourcing .description,
  .banner-trabalhe-aqui .description {
    right: 20px;
    max-width: min(260px, calc(100vw - 40px));
  }

  .page-politicas .banner-politicas h1 {
    max-width: min(11ch, 100%);
    font-size: clamp(2.45rem, 10vw, 3.4rem) !important;
    line-height: 0.94 !important;
  }

  .page-politicas .banner-politicas h1 span {
    font-size: clamp(0.95rem, 4.2vw, 1.2rem) !important;
  }

  .page-politicas .banner-politicas .uk-container {
    padding-top: 7.25rem;
  }

  .page-politicas .hero-mobile-media img {
    object-position: 62% top;
  }
}

@media (min-width: 1000px) {
  header .hero-mobile-media {
    display: none;
  }

  .page-politicas .hero-desktop-media {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }

  .page-politicas .hero-desktop-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  .page-politicas .bgBanner-politicas {
    display: none !important;
    background-image: none !important;
  }
}

@media (max-width: 999px) {
  .page-politicas .hero-desktop-media {
    display: none;
  }
}