.scroll-magic {
  width: 100%;
  min-width: 100%;
  position: relative;
  margin-bottom: 3rem; }
  .scroll-magic__escena {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-width: 100%;
    height: 100vh;
    z-index: 1;
    position: relative; }
    .scroll-magic__escena > * {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .scroll-magic__controles {
    position: absolute;
    height: 100%;
    right: 20px;
    top: 0;
    width: 30%;
    z-index: 99; }
    @media (min-width: 0) and (max-width: 767px) {
      .scroll-magic__controles {
        width: 80%;
        margin-left: 0;
        margin-right: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); } }
  .scroll-magic--galeria figure img {
    height: 100%;
    width: auto;
    max-width: none; }

.scene-container-image--a {
  width: 580px !important;
  max-width: 580px !important;
  height: 100vh !important;
  position: relative;
  overflow: hidden; }
  .scene-container-image--a.lateral {
    -webkit-transform: translate(-240px);
    -ms-transform: translate(-240px);
    transform: translate(-240px); }
    @media (min-width: 0) and (max-width: 1023px) {
      .scene-container-image--a.lateral {
        width: 100% !important;
        max-width: 100% !important;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0); } }
  .scene-container-image--a iframe {
    margin-top: 70px; }
  .scene-container-image--a .blocks-gallery-item {
    background-color: #f3f2f0;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.scene-paragraph {
  max-width: 430px !important;
  -webkit-transform: translate(290px);
  -ms-transform: translate(290px);
  transform: translate(290px);
  height: 50vh !important;
  padding: 2rem;
  z-index: 99; }
  .scene-paragraph.oculto {
    max-width: 1px !important;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    padding: 0;
    opacity: 0; }
  @media (min-width: 0) and (max-width: 1023px) {
    .scene-paragraph {
      width: 100% !important;
      -webkit-transform: translate(0);
      -ms-transform: translate(0);
      transform: translate(0); } }
  .scene-paragraph.last {
    margin-bottom: 100vh !important; }