/* M4RTIAL WEB PÚBLICA V95 — animación fluida en landing cada entrada */
.m4rtial-public-intro{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  background:#f8f6ef;
  overflow:hidden;
  pointer-events:none;
  opacity:1;
  visibility:visible;
  contain:layout paint style;
  will-change:opacity;
}
.m4rtial-public-intro.is-hidden{
  opacity:0;
  visibility:hidden;
  transition:opacity .34s cubic-bezier(.22,.8,.22,1), visibility .34s ease;
}
.m4rtial-public-intro-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 47%, rgba(242,196,0,.18), transparent 22%),
    radial-gradient(circle at 50% 47%, rgba(120,86,0,.07), transparent 43%),
    linear-gradient(180deg,#fff 0%,#f8f6ef 64%,#fff 100%);
  transform:translate3d(0,0,0) scale(1);
  will-change:opacity,transform;
}
.m4rtial-public-intro-orb{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:min(44vmin,430px);
  height:min(44vmin,430px);
  border-radius:999px;
  transform:translate3d(-50%,-50%,0) scale(.80);
  background:radial-gradient(circle, rgba(242,196,0,.22), rgba(242,196,0,.08) 44%, rgba(242,196,0,0) 72%);
  filter:blur(10px);
  opacity:0;
  will-change:opacity,transform;
}
.m4rtial-public-intro-ring{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:min(58vw,380px);
  height:min(58vw,380px);
  border-radius:999px;
  border:1px solid rgba(197,163,75,.25);
  transform:translate3d(-50%,-50%,0) scale(.76);
  opacity:0;
  box-shadow:inset 0 0 34px rgba(242,196,0,.07),0 0 46px rgba(242,196,0,.10);
  will-change:opacity,transform;
}
.m4rtial-public-intro-logo-wrap{
  position:relative;
  z-index:4;
  width:min(66vw,330px);
  opacity:0;
  transform:translate3d(0,8px,0) scale(.88);
  will-change:transform,opacity;
  filter:drop-shadow(0 30px 64px rgba(120,86,0,.20));
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.m4rtial-public-intro-logo{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
  image-rendering:auto;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.m4rtial-public-intro-shine{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:min(76vw,420px);
  height:min(76vw,420px);
  transform:translate3d(-125%,-66%,0) rotate(18deg);
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.62) 48%, transparent 100%);
  opacity:0;
  filter:blur(5px);
  mix-blend-mode:screen;
  will-change:opacity,transform;
}
.m4rtial-public-intro-portal{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:18vmin;
  height:18vmin;
  border-radius:999px;
  background:transparent;
  transform:translate3d(-50%,-50%,0) scale(.08);
  opacity:0;
  box-shadow:0 0 0 120vmax #f8f6ef;
  will-change:transform,opacity,box-shadow;
}

.m4rtial-public-intro.play-full .m4rtial-public-intro-logo-wrap{animation:m4LogoToHeaderV95 1.88s cubic-bezier(.18,.86,.18,1) forwards;}
.m4rtial-public-intro.play-full .m4rtial-public-intro-bg{animation:m4BgRevealV95 1.88s cubic-bezier(.18,.86,.18,1) forwards;}
.m4rtial-public-intro.play-full .m4rtial-public-intro-orb{animation:m4OrbRevealV95 1.88s cubic-bezier(.18,.86,.18,1) forwards;}
.m4rtial-public-intro.play-full .m4rtial-public-intro-ring{animation:m4RingRevealV95 1.88s cubic-bezier(.18,.86,.18,1) forwards;}
.m4rtial-public-intro.play-full .m4rtial-public-intro-shine{animation:m4ShineRevealV95 1.88s cubic-bezier(.18,.86,.18,1) forwards;}
.m4rtial-public-intro.play-full .m4rtial-public-intro-portal{animation:m4PortalRevealV95 1.88s cubic-bezier(.18,.86,.18,1) forwards;}

@keyframes m4LogoToHeaderV95{
  0%{opacity:0;transform:translate3d(0,10px,0) scale(.88);}
  14%{opacity:1;transform:translate3d(0,0,0) scale(1);}
  45%{opacity:1;transform:translate3d(0,0,0) scale(1.025);}
  76%{opacity:1;transform:translate3d(0,calc(-50vh + 40px),0) scale(.18);}
  100%{opacity:0;transform:translate3d(0,calc(-50vh + 40px),0) scale(.18);}
}
@keyframes m4BgRevealV95{
  0%,48%{opacity:1;transform:translate3d(0,0,0) scale(1);}
  74%{opacity:.34;transform:translate3d(0,0,0) scale(1.035);}
  100%{opacity:0;transform:translate3d(0,0,0) scale(1.055);}
}
@keyframes m4OrbRevealV95{
  0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.80);}
  16%{opacity:.92;}
  58%{opacity:.72;transform:translate3d(-50%,-50%,0) scale(1.08);}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.50);}
}
@keyframes m4RingRevealV95{
  0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.76);}
  18%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
  60%{opacity:.52;}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.24);}
}
@keyframes m4ShineRevealV95{
  0%,16%{opacity:0;transform:translate3d(-125%,-66%,0) rotate(18deg);}
  26%{opacity:.72;}
  48%{opacity:0;transform:translate3d(24%,-28%,0) rotate(18deg);}
  100%{opacity:0;}
}
@keyframes m4PortalRevealV95{
  0%,46%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.10);box-shadow:0 0 0 120vmax #f8f6ef;}
  54%{opacity:1;}
  82%{opacity:1;transform:translate3d(-50%,-50%,0) scale(8.8);box-shadow:0 0 0 120vmax rgba(248,246,239,.24);}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(13.4);box-shadow:0 0 0 120vmax rgba(248,246,239,0);}
}
@media(max-width:860px){
  .m4rtial-public-intro-logo-wrap{width:min(72vw,292px);}
  @keyframes m4LogoToHeaderV95{
    0%{opacity:0;transform:translate3d(0,10px,0) scale(.88);}
    14%{opacity:1;transform:translate3d(0,0,0) scale(1);}
    45%{opacity:1;transform:translate3d(0,0,0) scale(1.025);}
    76%{opacity:1;transform:translate3d(0,calc(-50vh + 34px),0) scale(.145);}
    100%{opacity:0;transform:translate3d(0,calc(-50vh + 34px),0) scale(.145);}
  }
}
@media(prefers-reduced-motion:reduce){
  .m4rtial-public-intro{display:none!important;}
}