.hidden-left, .hidden-right {
    opacity: 0;
    transition: all 1s;
    will-change: transform, opacity;
}

.hidden-left {
    transform: translateX(-50px);
}

.hidden-right {
    transform: translateX(50px);
}

.show {
    opacity: 1;
    transform: translate(0, 0);
}



@media (max-width: 350px) {
    .hidden-left, .hidden-right {
        transform: translateY(50px); /* Mueve los elementos hacia abajo en móviles */
    }

    .hidden-left.show, .hidden-right.show {
        transform: translateY(0); /* Mueve los elementos a su posición original */
    }
    .contenedor-video iframe {
        width: 90% !important;
        height: 200px;
        margin: 0 auto;
    }
  .footer {
    background-color: #243f72;
    color: #fff;
     padding: 0 10px !important;
  }
}

@media (max-width: 768px) {
    .hidden-left, .hidden-right {
        transform: translateY(50px); /* Mueve los elementos hacia abajo en móviles */
    }

    .hidden-left.show, .hidden-right.show {
        transform: translateY(0); /* Mueve los elementos a su posición original */
    }
    .contenedor-video iframe {
        width: 90% !important;
        height: 200px;
        margin: 0 auto;
    }
   .footer {
    background-color: #243f72;
    color: #fff;
     padding: 0 10px !important;
  }
}