/* MERLINA MX V5 — SCROLL UNLOCK PATCH
   Scope: preview linkbio. Permite scroll vertical real en móvil/desktop sin cambiar layout base. */
:root{
  --merlina-scroll-safe-bottom: env(safe-area-inset-bottom, 0px);
}

html,
body{
  min-height: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
  position: static !important;
}

body{
  padding-bottom: calc(28px + var(--merlina-scroll-safe-bottom)) !important;
}

/* Evita que wrappers tipo mockup/phone bloqueen la navegación vertical */
.phone,
.phone-shell,
.app,
.app-shell,
.page,
.page-shell,
.screen,
.screen-shell,
.landing,
.landing-shell,
.merlina-phone,
.merlina-app,
.merlina-page,
.merlina-shell,
.merlina-stage,
.merlina-wrap,
.merlina-wrapper,
.main,
.main-shell,
main{
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  touch-action: pan-y !important;
}

/* Si la pantalla está dentro del iPhone visual, que el documento completo pueda moverse */
[class*="phone"],
[class*="Phone"],
[class*="iphone"],
[class*="iPhone"],
[class*="screen"],
[class*="Screen"],
[class*="shell"],
[class*="Shell"]{
  max-height: none !important;
}

/* El gate puede seguir fijo; una vez aceptado, el JS libera cualquier bloqueo inline. */
.age-gate,
.age-modal,
.age-overlay,
.adult-gate,
.adult-modal,
.adult-overlay,
#ageGate,
#age-gate,
#adultGate,
#adult-gate{
  touch-action: auto !important;
}

/* Aire final para que el último CTA/footer no quede pegado al borde inferior */
body::after{
  content:"";
  display:block;
  height: max(22px, var(--merlina-scroll-safe-bottom));
  pointer-events:none;
}