

.fmlal .fmlal-portada3{

  --p3-ciclo: 16s;
  --p3-fundido: 4s;
  --p3-zoom: 1.12;
  position:absolute; inset:0; z-index:0; overflow:hidden;
  background:#15110d;
}

.fmlal .fmlal-portada3__foto{
  position:absolute; inset:0;
  opacity:0; z-index:0;

  transition:opacity var(--p3-fundido) cubic-bezier(.4,0,.3,1);
  will-change:opacity;
}
.fmlal .fmlal-portada3__foto.is-fondo{opacity:1; z-index:0; transition:none;}
.fmlal .fmlal-portada3__foto.is-activa{opacity:1; z-index:1;}

.fmlal .fmlal-portada3__img{
  position:absolute; inset:0;
  width:100% !important; height:100% !important;
  max-width:none !important; max-height:none !important;
  object-fit:cover; display:block;
  transform:scale(1.01);
  will-change:transform;
}

@keyframes fmlal-p3-kb-a{
  from{transform:scale(1.01) translate3d(0,0,0);}
  to  {transform:scale(var(--p3-zoom)) translate3d(-1.1%, -0.9%, 0);}
}
@keyframes fmlal-p3-kb-b{
  from{transform:scale(var(--p3-zoom)) translate3d(1.1%, 0.8%, 0);}
  to  {transform:scale(1.01) translate3d(0,0,0);}
}
.fmlal .fmlal-portada3__foto.is-animando .fmlal-portada3__img{
  animation:fmlal-p3-kb-a var(--p3-ciclo) linear forwards;
}
.fmlal .fmlal-portada3__foto.is-animando:nth-child(even) .fmlal-portada3__img{
  animation-name:fmlal-p3-kb-b;
}

.fmlal .fmlal-portada3__mask{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:#000; opacity:.25; mix-blend-mode:multiply;
}

.fmlal .fmlal-portada3__lado{
  position:absolute; inset:0; z-index:2; pointer-events:none;

  background:linear-gradient(90deg,
    rgba(0,0,0,.62) 0%,
    rgba(0,0,0,.50) 12%,
    rgba(0,0,0,.26) 24%,
    rgba(0,0,0,0)   36%);
}

.fmlal .fmlal-portada3__lado::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(0deg,
    rgba(0,0,0,.62) 0%,
    rgba(0,0,0,.50) 12%,
    rgba(0,0,0,.26) 24%,
    rgba(0,0,0,0)   36%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0 30%, #000 44%);
          mask-image:linear-gradient(90deg, transparent 0 30%, #000 44%);
}

@media (max-width:640px){
  .fmlal .fmlal-portada3__lado{
    background:linear-gradient(180deg,
      rgba(0,0,0,.58) 0%,
      rgba(0,0,0,.34) 16%,
      rgba(0,0,0,0)   34%);
  }
  .fmlal .fmlal-portada3__lado::after{
    -webkit-mask-image:none; mask-image:none;
  }
}

.fmlal .fmlal-portada3-host .fmlal-portada2__logo{
  margin-bottom:clamp(38px, 5.4vh, 60px) !important;
}

.fmlal .fmlal-portada3-host .fmlal-portada2__grid{
  transform:scale(var(--p3-escala, 1));
  transform-origin:center center;
  transition:transform .25s var(--ease, ease);
}

@media (min-width:821px){
  .fmlal .fmlal-portada3-host .fmlal-portada2__grid{align-items:end;}

  .fmlal .fmlal-portada3-host .fmlal-portada2__main{padding-bottom:32px;}
}

.fmlal .fmlal-portada3--caja .fmlal-portada2__kicker,
.fmlal .fmlal-portada3--caja .fmlal-portada2__body{
  background:rgba(12,15,18,.42);
  padding:.55em .9em;
  border-radius:3px;
  backdrop-filter:saturate(1.1) blur(2px);
}

@media (prefers-reduced-motion: reduce){
  .fmlal .fmlal-portada3__foto{transition:none;}
  .fmlal .fmlal-portada3__foto.is-animando .fmlal-portada3__img,
  .fmlal .fmlal-portada3__foto.is-animando:nth-child(even) .fmlal-portada3__img{
    animation:none; transform:scale(1.01);
  }
}
