@import url('https://rsms.me/inter/inter.css');

:root {
    font-family: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    background-color: #f5f5f5;
}

h1 {
    color: #164279;
}

h1.section-title {
    border-bottom: 4px solid;
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 720px; /* Ajuste conforme necessário */
    margin: 0 auto; /* Centraliza */
    overflow: hidden;
    padding-top: 56.25%; /* Mantém proporção 16:9 */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

iframe {
    max-width: 100%;
    display: flex;
    align-items: center;
}

.container-box {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.new-content img {
    display: block;
    max-width: 100% !important;
    margin: 0 auto;
}

.ads-sticker {
  margin: 12px 0;
  padding: 4px 0;
  text-align: center;
}

.monstro-iframe-wrapper {
    position: relative;
    width: 100%;
    /* Aqui você define o aspect ratio padrão (970x250 = 38.8%) */
    padding-bottom: 18%;
    height: 0;
    overflow: hidden;
  }

  .monstro-iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  @media (max-width: 768px) {
    .monstro-iframe-wrapper {
      padding-bottom: 26%;
    }
  }
  
  .monstro-iframe-wrapper-mobile {
    position: relative;
    width: 100%;
    padding-bottom: 71%;
    height: 0;
    overflow: hidden;
  }

  .monstro-iframe-wrapper-mobile iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  @media (max-width: 768px) {
    .monstro-iframe-wrapper-mobile {
      padding-bottom: 73%;
    }
  }
  
  
  .monstro-iframe-wrapper-middle {
    position: relative;
    width: 100%;
    padding-bottom: 26%;
    height: 0;
    overflow: hidden;
  }

  .monstro-iframe-wrapper-middle iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  @media (max-width: 768px) {
    .monstro-iframe-wrapper-middle {
      padding-bottom: 25%;
    }
  }