/* Estilos personalizados para o iframe */
iframe {
  width: 90%;
  height: 90vh;
}

/* Fullscreen iframe on mobile */
@media (max-width: 767.98px) { /* Bootstrap sm breakpoint */
  .full-screen-mobile {
    width: 100% !important;
    height: calc(100vh - var(--navbar-height)); /* Subtrair a altura do navbar */
    margin-top: var(--navbar-height); /* Adicionar margem no topo para acomodar o navbar */
    position: relative; /* Necessário para o posicionamento do iframe */
  }
  .full-screen-iframe {
    position: absolute; /* Posicionar absolutamente dentro do seu container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}