.op-instagram {
  /* 620px: mateix valor que ja fan servir op-section__head i
     op-feature-strip__head per a un bloc de contingut centrat
     (no hi ha una custom property --op-* per a aquesta mida
     concreta al tema, però és el valor establert de facto per a
     "bloc centrat" en dos altres components). Limita l'amplada
     només al contenidor exterior; l'iframe es queda a width:100%
     del seu pare, sense tocar-lo ni tocar lightwidget.js. */
  width: 100%;
  max-width: 620px;
  margin-inline: auto;
}

.op-instagram__frame {
  display: block;
  width: 100%;
  border: 0;
  overflow: hidden;
  border-radius: var(--op-radius);
  /* LightWidget defineix la seva pròpia alçada via JS (lightwidget.js
     escoltant postMessage) un cop carrega el contingut. Aquest
     min-height és només un fallback perquè l'iframe no col·lapsi a
     ~150px (l'alçada per defecte del navegador) durant l'instant
     abans que el script apliqui l'alçada real. */
  min-height: 400px;
}