.flexpack-hero-animado {
  width: 100%;
  background: #fff;
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #065999;
}

.flexpack-hero-animado__outer {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.flexpack-hero-animado__viewport {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1980px;
  height: 500px;
  overflow: hidden;
  background: #fff;
  transform-origin: top center;
}

.flexpack-hero-animado__stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 1980px;
  height: 500px;
  overflow: hidden;
}

.flexpack-hero-animado__base {
  position: absolute;
  inset: 0;
  background: #ccc;
  z-index: 1;
}

.flexpack-hero-animado__video-wrap {
    position: absolute;
    left: 492px;
    top: 0;
    width: 892px;
    height: 500px;
    z-index: 2;
    overflow: hidden;
    background: #fff;
}

.flexpack-hero-animado__video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #fff;
}

.layer {
  position: absolute;
  display: block;
  max-width: none;
  pointer-events: none;
  user-select: none;
}

.layer-transp-left {
  left: 0;
  top: 0;
  height: 500px;
  z-index: 4;
}

.layer-blue-right {
  right: 0;
  top: 0;
  height: 500px;
  z-index: 5;
}

.bg-left-crop {
  position: absolute;
  left: 0;
  top: 0;
  width: 645px;
  height: 500px;
  overflow: hidden;
  z-index: 6;
}

.bg-right-crop {
  position: absolute;
  right: 0;
  top: 0;
  width: 725px;
  height: 500px;
  overflow: hidden;
  z-index: 7;
}

.bg-crop-img {
  position: absolute;
  display: block;
  width: 1114.38px;
  height: 913.87px;
  max-width: none;
  pointer-events: none;
  user-select: none;
}

.bg-left-img {
  left: -220.72px;
  top: -238.92px;
}

.bg-right-img {
  left: -167.71px;
  top: -238.92px;
}

.layer-line-blue-right {
  right: 550px;
  top: 0;
  height: 500px;
  z-index: 8;
}

.layer-papelao-modelado {
  right: 122px;
  bottom: 28px;
  width: 485px;
  z-index: 9;
}

.layer-logo-kobra {
  left: 240px;
  top: 70px;
  width: 260px;
  z-index: 10;
}

.layer-texto-principal {
  position: absolute;
  left: 240px;
  top: 150px;
  color: #fff;
  z-index: 11;
  font-weight: 800;
  line-height: 1;
  font-size: 110px;
  letter-spacing: -3px;
}

.layer-texto-principal .linha1 {
  display: block;
  color: #065999;
}

.layer-texto-principal .linha2 {
  display: block;
  margin-top: -13px;
  color: #67b200;
}

.layer-texto-principal .linha3 {
  display: block;
  font-size: 28px;
  margin-top: 8px;
  color: #111;
  line-height: 1.1;
  letter-spacing: 0;
}