/** Shopify CDN: Minification failed

Line 49:15 Unexpected "{"
Line 49:24 Expected ":"

**/


/* CSS from section stylesheet tags */
/* Layout general */
  .seccion-instagram { padding: 55px 0 20px 0; }
  .bloque{
    border-radius: 25px;
    padding: 45px 50px;
    background: linear-gradient(166deg, rgba(242, 247, 255, 1) 0%, rgb(228 238 248) 100%);
  }
  .titulo{ color:#333b43; margin-bottom:25px; padding-top:10px; }
  .rounded{ border-radius:20px; }

  /* Contenedor 16:9 que NO depende de .ratio de Bootstrap */
  .mh-ratio { position: relative; width: 100%; aspect-ratio: 16 / 9; }
  .mh-ratio > * { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }

  /* Fallback si el navegador no soporta aspect-ratio */
  @supports not (aspect-ratio: 1) {
    .mh-ratio { height: 0; padding-top: 56.25%; }
    .mh-ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  }

  /* En móviles: flujo normal (evita alturas 0 por absolute/ratio) */
  @media (max-width: 767.98px) {
    .mh-ratio { aspect-ratio: auto; height: auto; }
    .mh-ratio > * { position: static; width: 100%; height: auto; }
  }

  /* Forzar visibilidad dentro del wrapper (contra small-hide, d-none, etc.) */
  .mh-force,
  .mh-force * {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .mh-force video,
  .mh-force iframe {
    display: block !important;
    max-width: 100%;
  }

  /* Clase que el JS aplicará a ancestros ocultos para forzar su visibilidad */
  #mh-section-{{ section.id }} .mh-unhide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }