@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap');

/* L7A: mobile/tablet landscape gate above every existing overlay. */
.orientation-gate{
  position:fixed;
  inset:0;
  z-index:1200;
  display:none;
  place-items:center;
  padding:calc(18px + var(--safe-top)) clamp(18px, 5vw, 32px) calc(18px + var(--safe-bottom));
  background:#100d0c;
  color:var(--c-margarida);
  text-align:center;
  pointer-events:auto;
  touch-action:none;
  overscroll-behavior:contain;
}

html.orientation-gate-active .orientation-gate{
  display:grid;
}

.orientation-gate[hidden]{
  display:none !important;
}

html.orientation-gate-active,
html.orientation-gate-active body{
  overflow:hidden;
}

.orientation-gate__scrim{
  position:absolute;
  inset:0;
  background:#100d0c;
}

.orientation-gate__panel{
  position:relative;
  z-index:1;
  width:min(100%, 430px);
  min-height:min(100%, 288px);
  display:grid;
  justify-items:center;
  align-content:center;
  gap:14px;
  padding:0 24px;
  background:transparent;
}

.orientation-gate__lottie{
  width:clamp(126px, 30vmin, 172px);
  aspect-ratio:496 / 500;
  margin-bottom:2px;
}

.orientation-gate__lottie svg{
  display:block;
  width:100%;
  height:100%;
}

.orientation-gate__title{
  margin:0;
  max-width:23ch;
  color:var(--c-coral);
  font-family:'Nunito Sans', var(--font-sans);
  font-size:clamp(1.42rem, 6vw, 1.82rem);
  font-style:normal;
  font-weight:400;
  letter-spacing:0;
  line-height:1.16;
  text-wrap:balance;
}

.orientation-gate__text{
  margin:0;
  max-width:30ch;
  color:var(--c-margarida);
  font-family:'Nunito Sans', var(--font-sans);
  font-size:clamp(.94rem, 3.8vw, 1.04rem);
  font-weight:400;
  line-height:1.45;
  text-wrap:balance;
}

.orientation-gate__text strong{
  font-weight:700;
}

@media (max-height:420px){
  .orientation-gate{
    padding:14px 18px;
  }

  .orientation-gate__panel{
    min-height:0;
    gap:9px;
    padding:0 20px;
  }

  .orientation-gate__title{
    font-size:1.36rem;
  }

  .orientation-gate__text{
    font-size:.9rem;
  }
}