#mondial-lv-01-bi .lv01bi-video-dialog {
width:min(960px,calc(100vw - 32px));padding:16px;border:1px solid #9dcaf8;border-radius:16px;background:#001532;color:#fff}

#mondial-lv-01-bi .lv01bi-video-dialog::backdrop {
background:rgba(0,0,0,.8)}

#mondial-lv-01-bi .lv01bi-video-dialog video {
width:100%;height:auto}

#mondial-lv-01-bi .lv01bi-video-dialog-close {
display:block;margin-left:auto;padding:0 8px 12px;font-size:32px;line-height:1;cursor:pointer}

#mondial-lv-01-bi .lv01bi-surface-grid > div {

  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  height: 347px;
}

#mondial-lv-01-bi .lv01bi-surface-grid > div > div {

  margin: 0;
}

#mondial-lv-01-bi .lv01bi-surface-grid > div > div:last-child {

  position: absolute;
  inset: 0;
  display: block;
}

#mondial-lv-01-bi .lv01bi-surface-grid > div > div:last-child > div {

  margin: 0;
}

#mondial-lv-01-bi .lv01bi-surface-grid > div > div:last-child > p {

  position: absolute;
  left: 0;
  top: 15px;
  margin: 0;
  width: 100%;
  text-align: center;
}

#mondial-lv-01-bi .lv01bi-sr-only {

  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

#mondial-lv-01-bi .lv01bi-desktop-surfaces-layer-5,
#mondial-lv-01-bi .lv01bi-desktop-surfaces-layer-7,
#mondial-lv-01-bi .lv01bi-desktop-battery-tank-layer-3,
#mondial-lv-01-bi .lv01bi-desktop-battery-tank-layer-5,
#mondial-lv-01-bi .lv01bi-mobile-surfaces-layer-3,
#mondial-lv-01-bi .lv01bi-mobile-surfaces-layer-5,
#mondial-lv-01-bi .lv01bi-mobile-battery-tank-layer-3,
#mondial-lv-01-bi .lv01bi-mobile-battery-tank-layer-5 {

  border: 0;
  pointer-events: none;
  --section-border-color: #fff;
}

#mondial-lv-01-bi .lv01bi-desktop-surfaces-layer-7,
#mondial-lv-01-bi .lv01bi-desktop-battery-tank-layer-5,
#mondial-lv-01-bi .lv01bi-mobile-surfaces-layer-5,
#mondial-lv-01-bi .lv01bi-mobile-battery-tank-layer-5 {

  --section-border-color: #0bbee9;
}

#mondial-lv-01-bi .lv01bi-desktop-surfaces-layer-5::before,
#mondial-lv-01-bi .lv01bi-desktop-surfaces-layer-7::before,
#mondial-lv-01-bi .lv01bi-desktop-battery-tank-layer-3::before,
#mondial-lv-01-bi .lv01bi-desktop-battery-tank-layer-5::before,
#mondial-lv-01-bi .lv01bi-mobile-surfaces-layer-3::before,
#mondial-lv-01-bi .lv01bi-mobile-surfaces-layer-5::before,
#mondial-lv-01-bi .lv01bi-mobile-battery-tank-layer-3::before,
#mondial-lv-01-bi .lv01bi-mobile-battery-tank-layer-5::before {

  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(90deg, transparent, var(--section-border-color) 30%, transparent);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}

/* Comparativo: o SVG da máscara exportada não contém a foto de origem.
   O gradiente original fica recortado na mesma área e nos mesmos cantos da foto. */
#mondial-lv-01-bi .lv01bi-desktop-performance-efeito-2 {
  width: 590px;
  border-radius: 0 15px 15px 0;
  mask-image: none;
  background-size: 1200px 738px;
  background-repeat: no-repeat;
}

/* A área visível da foto mede 317 × 324 px; o efeito de 644 px não deve
   participar da largura usada para centralizar a foto dentro da coluna. */
#mondial-lv-01-bi .lv01bi-mobile-performance-layer-6 > .lv01bi-desktop-performance-icone-2 {
  width: 317px;
  height: 324px;
}
#mondial-lv-01-bi .lv01bi-mobile-performance-efeito {
  width: 317px;
  mask-image: none;
  background-size: 644.746px 324px;
  background-repeat: no-repeat;
}

/* Montagem mobile: o recorte pertence à cena. As peças mantêm as mesmas
   coordenadas do Figma e podem percorrer toda a área durante a animação. */
#mondial-lv-01-bi .lv01bi-mobile-assembly-layer-10 {
  width: 887px;
  height: 358px;
  mask-image: var(--lv01bi-mask-30953);
  mask-position: 0 0;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-mode: alpha;
}
#mondial-lv-01-bi .lv01bi-mobile-assembly-lv-01-bl-ecomm-19-fn-1,
#mondial-lv-01-bi .lv01bi-mobile-assembly-layer-3,
#mondial-lv-01-bi .lv01bi-mobile-assembly-line,
#mondial-lv-01-bi .lv01bi-mobile-assembly-line-2,
#mondial-lv-01-bi .lv01bi-mobile-assembly-layer-7 {
  mask-image: none;
}
#mondial-lv-01-bi .lv01bi-mobile-assembly-subtract-2 {
  mask-clip: no-clip;
}