/* Base de la página contenedora */
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }

/* Aviso académico superior */
.aviso-prototipo {
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  background: #f2dfb4;
  color: #3e2f1c;
  font: 700 11px/1 Arial, sans-serif;
  letter-spacing: .055em;
  text-align: center;
}

/* Página interna; se revela cuando sus tipografías están disponibles */
iframe {
  display: block;
  width: 100%;
  height: calc(100% - 28px);
  border: 0;
  background: #fff;
  visibility: hidden;
}
iframe.fonts-ready { visibility: visible; }

/* Ajuste del contenedor para teléfonos */
@media (max-width: 520px) {
  .aviso-prototipo { height: 34px; font-size: 9px; line-height: 1.25; }
  iframe { height: calc(100% - 34px); }
}