/* REV17 — únicamente cambios solicitados por la clienta (12/08/2026):
   1) "Mi forma de contar vuestra historia" va después de "Un lugar para ser vosotros" (orden en HTML).
   2) En móvil, el vídeo aparece justo debajo del título.
   3) La zona final de Instagram recupera un móvil vertical más limpio, usando la captura real ya incluida.
*/

/* En móvil: título primero, vídeo inmediatamente debajo, y después texto/botón. */


/* Parte inferior: móvil vertical limpio, similar a la referencia de la clienta. */
.instagram{
  overflow:hidden !important;
}
.instagram .instagram-showcase{
  width:min(1180px,92vw) !important;
  max-width:1180px !important;
  margin:54px auto 0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(290px,360px) !important;
  gap:clamp(58px,7vw,110px) !important;
  align-items:center !important;
}
.instagram .instagram-side-copy{
  grid-column:1 !important;
  grid-row:1 !important;
  max-width:610px !important;
  margin:0 !important;
  text-align:left !important;
}
.instagram .instagram-phone-wrap{
  grid-column:2 !important;
  grid-row:1 !important;
  position:relative !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  width:100% !important;
  max-width:360px !important;
  margin:0 auto !important;
  overflow:visible !important;
}
.instagram .instagram-phone--profile{
  position:relative !important;
  width:min(330px,100%) !important;
  max-width:330px !important;
  margin:0 !important;
  padding:9px !important;
  border:7px solid #1b1b1b !important;
  border-radius:46px !important;
  overflow:visible !important;
  background:#1b1b1b !important;
  box-shadow:0 28px 70px rgba(47,41,37,.20) !important;
}
.instagram .instagram-phone--profile::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:5px !important;
  z-index:0 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:39px !important;
  pointer-events:none !important;
}
.instagram .instagram-phone-notch{
  display:block !important;
  position:absolute !important;
  top:8px !important;
  left:50% !important;
  width:92px !important;
  height:23px !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
  border-radius:0 0 15px 15px !important;
  background:#1b1b1b !important;
  z-index:5 !important;
}
.instagram .instagram-phone--profile .instagram-phone-screen{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:34px !important;
  background:#0d1117 !important;
}
.instagram .instagram-real-profile-capture{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.instagram .instagram-real-profile-capture img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  object-fit:cover !important;
}
.instagram .instagram-phone-screen > :not(.instagram-real-profile-capture){
  display:none !important;
}
.instagram .instagram-floating-message{
  position:absolute !important;
  right:auto !important;
  left:-58px !important;
  bottom:72px !important;
  z-index:10 !important;
  transform:none !important;
  margin:0 !important;
}
.instagram .instagram-floating-message a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:210px !important;
  min-height:52px !important;
  padding:0 22px !important;
  border:0 !important;
  border-radius:17px !important;
  background:var(--brown) !important;
  color:var(--white) !important;
  box-shadow:0 15px 38px rgba(47,41,37,.18) !important;
}
.instagram .instagram-floating-message a::after{
  display:none !important;
}