/* Estilos para pantallas pequeñas (sm) */
 @media (max-width: 576px) {
     #cuerpoMovil {
         position: absolute;
     }

     #scrollTitle_movil {
         width: 600px;
     }

     #videoPresentacion_movil {
         position: relative;
         border: 5px solid orange;
         border-radius: 8px;
         padding: 5px;
         width: 90%;
         height: 40vh;
         max-height: 100vh;
     }
 }

 @media (min-width: 768px) {
     #videoPresentacion_movil {
         position: relative;
         border: 5px solid orange;
         border-radius: 8px;
         padding: 5px;
         width: 90%;
         height: 90vh;
         max-height: 100vh;
     }
 }




 #tituloName_movil {
     font-family: 'BebasNeue-Bold';
     color: black;
     font-size: 3em;

     text-shadow: 4px 4px 4px rgb(167, 167, 167);
     opacity: 0;
     animation: 1.2s ease-out 0s 1 slideInFromTop forwards;
 }



 #scrollTitle_movil {
     position: relative;
     display: flex;
     align-items: center;
     overflow: hidden;
     -webkit-mask-image: linear-gradient(90deg, transparent, #fff, #fff, transparent);

 }

 #scrollTitle_movil div {
     white-space: nowrap;
     animation: animate var(--t) linear infinite;
     animation-delay: calc(var(--t) * -1);
 }

 #scrollTitle_movil div:nth-child(2) {
     animation: animate2 var(--t) linear infinite;
     animation-delay: calc(var(--t) / -2);
 }

 #scrollTitle_movil div span {
     display: inline-flex;
     margin: 1px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     font-family: 'BebasNeue-Bold';
     color: #FF6201;
     padding: 5px 10px;
     transition: 1s;
 }