body {
  padding-top: 90px; /* si tu header mide ~90px */
}

/* Ajuste para que no quede detrás del header fijo */
.calendario {
  padding-top: 90px; /* ajusta según la altura real de tu header */
}

/* Que el iframe siempre ocupe el ancho disponible */
.iframe-calendario {
  width: 100%;
  min-height: 500px; /* altura mínima en móviles */
  border: 0;
}

/* Contenedor flexible con scroll horizontal si se necesita */
.iframe-container {
  width: 100%;
  overflow-x: auto;  /* permite scroll horizontal */
  -webkit-overflow-scrolling: touch; /* suaviza en móviles */
}

/* El iframe ocupa todo el ancho disponible */
.iframe-calendario {
  min-width: 800px;  /* ancho mínimo para que no se corte el calendario */
  width: 100%;
  height: 600px;     /* puedes ajustar según prefieras */
  border: none;
}


/* Ajuste de altura según tamaño de pantalla */
@media (min-width: 768px) {
  .iframe-calendario {
    min-height: 700px;
  }
}

@media (min-width: 1200px) {
  .iframe-calendario {
    min-height: 1000px;
  }
}