@charset "utf-8";

@media only screen and (max-width: 500px) {
  body {
    background:
      radial-gradient(circle at 50% 0%, rgba(254, 209, 13, .14), transparent 18rem),
      linear-gradient(180deg, #000000 0%, #080808 48%, #000000 100%);
  }

  header #logo {
    width: 116px;
    height: 116px;
  }

  header nav,
  header.menuopen nav,
  header.menuopen.sticky nav {
    top: 114px;
  }

  .bgvideotopo {
    min-height: 640px;
    padding: 210px 12px 82px;
  }

  .bgvideotopo h1 {
    width: min(390px, calc(100% - 8px));
    font-size: clamp(58px, 17vw, 74px);
    line-height: .88;
  }

  .bgvideotopo h2 {
    width: min(390px, calc(100% - 8px));
    margin-top: 22px;
    padding: 18px 16px;
    border-radius: 22px;
    font-size: clamp(15px, 4.2vw, 18px);
    line-height: 1.35;
  }

  .titulo h2 {
    font-size: 30px;
  }

  .placeholder-media {
    font-size: 38px;
  }

  .dirrodape img {
    width: 170px;
    height: 170px;
  }
}