body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    font-family: Arial, sans-serif;
    background-color: black;
}

.portada {
    background-color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 130vh;
}

.container_portada {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 95vh;
    width: 100%;
    padding-bottom: 10%;
}

#main-image {
    width: 600px;
    height: auto;
    animation: overshoot 1.5s ease-in-out;
    margin-top: 400px;
    margin-bottom: 300px;
    transition: all 0.75s ease-out;
}


#main-image:hover {
    transform: rotate(240deg);
}


.hero {
    height: 50vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-top: -350px;
}

.hero_figure {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero_img {
    width: 100%;
    max-width: 800px; /* Ajusta este valor según sea necesario */
}

.idiomas {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Espacio entre los botones */
    height: 20vh;
    margin: 0%;
    margin-top: -200px;
}

.btn_text_portada {
    display: block;
    width: 80px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 500;
    color: #1d1d1d;
    border-radius: 100px;
    background: #d8e305;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 300ms;
    animation: overshoot 1.5s ease-in-out;
}

.btn_text_portada:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.rayo {
    position: absolute;
    height: 250px;
    z-index: 2;
    top: 0;
    right: 0;
}

.rayo2 {
    position: absolute;
    height: 250px;
    z-index: 2;
    bottom: 0;
    left: 0;
}

@keyframes overshoot {
    0% {opacity:0%;
        transform: scale(0.5);
    }
    50% {opacity:50%;
        transform: scale(1.2);
    }
    100% {opacity:100%;
        transform: scale(1);
    }
}

[data-animation="fade"] {
    transform: translateY(100%);
    transition: .6s ease-in .3s;
    --transform: translateY(0);
}

[data-animation="show"] {
    transform: scale(0);
    transition: .6s ease-in .3s;
    --transform: scale(1);
}

[data-animation="up"] {
    transform: translateY(150%);
    transition: .3s ease-in .20s;
    --transform: translateY(0);
}

.unset {
    opacity: 1;
    transform: none;
}

.palabras_flotantes,
.palabras_flotantes2,
.palabras_flotantes3,
.palabras_flotantes4,
.palabras_flotantes5,
.palabras_flotantes6 {
    opacity: 0; /* Opacidad inicial */
    animation: overshoot 1.5s ease-in-out 1.5s forwards; /* Retraso de 1.5s y mantiene el estado final */
}

.palabras_flotantes {
    position: absolute;
    height: 130px;
    z-index: 2;
    top: 2;
    right: 100px;
    transition: all 0.85s ease-out;
}

.palabras_flotantes2 {
    position: absolute;
    height: 130px;
    z-index: 2;
    bottom: 2;
    left: 100px;
    transition: all 0.90s ease-out;
}

.palabras_flotantes3 {
    position: absolute;
    height: 110px;
    z-index: 2;
    top: 150px;
    right: 300px;
    transition: all 0.95s ease-out;
}

.palabras_flotantes4 {
    position: absolute;
    height: 110px;
    z-index: 2;
    top: 150px;
    left: 300px;
    transition: all 0.85s ease-out;
}

.palabras_flotantes5 {
    position: absolute;
    height: 130px;
    z-index: 2;
    bottom: 200px;
    right: 300px;
    transition: all 0.90s ease-out;
}

.palabras_flotantes6 {
    position: absolute;
    height: 130px;
    z-index: 2;
    bottom: 200px;
    left: 300px;
    transition: all 0.95s ease-out;
}

.btn_text_portada:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}


.iman1 {
    transition: transform 0.2s ease-out; /* Transición suave para la rotación */
}

.palabras_flotantes:hover ~ .iman1 {
    transform: rotate(250deg) 
}

.palabras_flotantes2:hover ~ .iman1 {
    transform: rotate(70deg) 
}

.palabras_flotantes3:hover ~ .iman1 {
    transform: rotate(210deg) 
}

.palabras_flotantes4:hover ~ .iman1 {
    transform: rotate(110deg)
}

.palabras_flotantes5:hover ~ .iman1 {
    transform: rotate(300deg) 
}

.palabras_flotantes6:hover ~ .iman1 {
    transform: rotate(30deg) 
    
}



/* Responsividad */
@media only screen and (max-width: 2140px) {
    #main-image {
        width: 450px;
        height: auto;
        margin-top: 300px;
        margin-bottom: 300px;
    }

    .palabras_flotantes3 {
        position: absolute;
        height: 110px;
        z-index: 2;
        top: 120px;
        right: 300px;
        transition: all 0.95s ease-out;
    }
    
    .palabras_flotantes4 {
        position: absolute;
        height: 110px;
        z-index: 2;
        top: 110px;
        left: 300px;
        transition: all 0.85s ease-out;
    }
}



@media only screen and (max-width: 1920px) { 
    
    .palabras_flotantes4 {
        left: 200px;
    }

    .palabras_flotantes3 {
        right: 200px;
    }

    .rayo {
        height: 160px;
        transition: all 0.85s ease-out;
    }
    
    .rayo2 {
        height: 220px;
        transition: all 0.85s ease-out;
    }
    
}


@media only screen and (max-width: 1400px) { 

.palabras_flotantes,
.palabras_flotantes2,
.palabras_flotantes3,
.palabras_flotantes4,
.palabras_flotantes5,
.palabras_flotantes6 {
    height: 100px;
}
    
#main-image {
    width: 350px;
    height: auto;
    margin-top: 300px;
    margin-bottom: 300px;
}

.palabras_flotantes4 {
    left: 200px;
    top: 30px;
}

.palabras_flotantes3 {
    right: 200px;
    top: 30px;
}

    
}


@media only screen and (max-width: 1280px) { 
    .palabras_flotantes4 {
        left: 150px;
        top: 10px;
    }

    #main-image {
        width: 300px;
        height: auto;
        margin-top: 300px;
        margin-bottom: 300px;
    }
    
    .palabras_flotantes3 {
        right: 150px;
        top: 10px;
    }
    .palabras_flotantes,
    .palabras_flotantes2,
    .palabras_flotantes3,
    .palabras_flotantes4,
    .palabras_flotantes5,
    .palabras_flotantes6 {
        height: 90px;
    }


    .hero {
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-top: -250px;
    }
    
    .hero_img {
        width: 80%;
    }

    .idiomas {

        gap: 20px; /* Espacio entre los botones */
        height: 20vh;
        margin: 0%;
        margin-top: -80px;
    }

    .container_portada {
    
        height: 100vh;
        width: 100%;
        padding-bottom: 10%;
        margin-top: 110px;
    }

}



@media only screen and (max-width: 1180px) { 

    .palabras_flotantes,
    .palabras_flotantes2,
    .palabras_flotantes3,
    .palabras_flotantes4,
    .palabras_flotantes5,
    .palabras_flotantes6 {
        height: 80px;
    }
        
    #main-image {
        width: 240px;
        height: auto;
        margin-top: -10px;
        margin-bottom: 100px;
    }
    

    .palabras_flotantes4 {
        left: 120px;
        top: 10px;
    }
    
    .palabras_flotantes3 {
        right: 120px;
        top: 10px;
    }
    
    .container_portada {

        height: 100vh;
        width: 100%;
        padding-bottom: 10%;
        margin-top: -30px;
    }

    .portada {

        height: 150vh;
    }
    
    .hero {
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-top: -250px;
    }
    
    .hero_img {
        width: 80%;
    }

    .idiomas {

        gap: 20px; /* Espacio entre los botones */
        height: 20vh;
        margin: 0%;
        margin-top: -80px;
    }

    .rayo {
        height: 120px;
        transition: all 0.85s ease-out;
    }
    
    .rayo2 {
        height: 180px;
        transition: all 0.85s ease-out;
    }


    .palabras_flotantes:hover ~ .iman1 {
    transform: none}

   .palabras_flotantes2:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes3:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes4:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes5:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes6:hover ~ .iman1 {
    transform: none    
    }


    }


    @media only screen and (max-width: 932px) { 

        .palabras_flotantes,
        .palabras_flotantes2,
        .palabras_flotantes3,
        .palabras_flotantes4,
        .palabras_flotantes5,
        .palabras_flotantes6 {
            height: 50px;
        }
            
        #main-image {
            width: 140px;
            height: auto;
            margin-top: -10px;
            margin-bottom: 100px;
        }
        
    
        .palabras_flotantes4 {
            left: 120px;
            top: 10px;
        }
        
        .palabras_flotantes3 {
            right: 120px;
            top: 10px;
        }
        
        .container_portada {
    
            height: 110vh;
            width: 100%;
            padding-bottom: 10%;
            margin-top: 30px;
        }
    
        .portada {
    
            height: 150vh;
        }
        
        .hero {
            height: 50vh;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            margin-top: -150px;
        }
        
        .hero_img {
            width: 70%;
        }
    
        .idiomas {
    
            gap: 20px; /* Espacio entre los botones */
            height: 20vh;
            margin: 0%;
            margin-top: -30px;
        }
    
        .rayo {
            height: 90px;
            transition: all 0.85s ease-out;
        }
        
        .rayo2 {
            height: 100px;
            transition: all 0.85s ease-out;
        }
    
    
        .palabras_flotantes:hover ~ .iman1 {
        transform: none}
    
       .palabras_flotantes2:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes3:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes4:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes5:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes6:hover ~ .iman1 {
        transform: none    
        }
    
    
        }
    

        @media only screen and (max-width: 885px) { 

        
            .palabras_flotantes5 {

                bottom: 150px;
                }
         
               .palabras_flotantes6 {
         
               bottom: 150px;         
               }

               #main-image {
                width: 120px;
                height: auto;
                margin-top: 10px;

            }
        }



        @media only screen and (max-width: 740px) { 

            #main-image {
                width: 130px;
                height: auto;
                margin-top: 10px;

            }

        
            .palabras_flotantes5 {

                bottom: 140px;
                right: 180px;
         
                }
         
               .palabras_flotantes6 {
         
               bottom: 140px;
               left: 180px;
         
               }
        }



        @media only screen and (max-width: 680px) { 

            #main-image {
                width: 130px;
                height: auto;
                margin-top: 10px;

            }
               .palabras_flotantes {
                bottom: 280px;
                }
         
               .palabras_flotantes2 {
                bottom: 280px;
               }

               .palabras_flotantes4 {
                left: 90px;
                top: 5px;
            }
            
            .palabras_flotantes3 {
                right: 90px;
                top: 5px;
            }
        

        }

    /* Responsividad IPAD */

    @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
        .palabras_flotantes,
        .palabras_flotantes2,
        .palabras_flotantes3,
        .palabras_flotantes4,
        .palabras_flotantes5,
        .palabras_flotantes6 {
            height: 80px;
        }
            
        #main-image {
            width: 240px;
            height: auto;
            margin-top: 10px;
            margin-bottom: 100px;
        }
        
    
        .palabras_flotantes4 {
            left: 90px;
            top: 5px;
        }
        
        .palabras_flotantes3 {
            right: 90px;
            top: 5px;
        }

        
       .palabras_flotantes5 {

       bottom: 200px;
       right: 180px;

       }

      .palabras_flotantes6 {

      bottom: 200px;
      left: 180px;

      }
        
        .container_portada {
    
            height: 50vh;
            width: 100%;
            padding-bottom: 10%;
            margin-top: 120px;
        }
    
        .portada {
    
            height: 100%;
        }
        
        .hero {
            height: 50vh;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            margin-top: -250px;
        }
        
        .hero_img {
            width: 80%;
        }
    
        .idiomas {
    
            gap: 20px; /* Espacio entre los botones */
            height: 20vh;
            margin: 0%;
            margin-top: -300px;
        }
    
        .rayo {
            height: 120px;
            transition: all 0.85s ease-out;
        }
        
        .rayo2 {
            height: 180px;
            transition: all 0.85s ease-out;
        }
    
    
        .palabras_flotantes:hover ~ .iman1 {
        transform: none}
    
       .palabras_flotantes2:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes3:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes4:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes5:hover ~ .iman1 {
        transform: none}
    
        .palabras_flotantes6:hover ~ .iman1 {
        transform: none    
        }
    
    
        }
 

        @media all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait) {
            .palabras_flotantes,
            .palabras_flotantes2,
            .palabras_flotantes3,
            .palabras_flotantes4,
            .palabras_flotantes5,
            .palabras_flotantes6 {
                height: 60px;
            }
                
            #main-image {
                width: 240px;
                height: auto;
                margin-top: 10px;
                margin-bottom: 100px;
            }
            
        
            .palabras_flotantes4 {
                left: 70px;
                top: 5px;
            }
            
            .palabras_flotantes3 {
                right: 70px;
                top: 5px;
            }
    
            .palabras_flotantes2 {
                left: 70px;
                top: 200px;
            }
            
            .palabras_flotantes {
                right: 70px;
                top: 200px;
            }
            
           .palabras_flotantes5 {
    
           bottom: 150px;
           right: 180px;
    
           }
    
          .palabras_flotantes6 {
    
          bottom: 150px;
          left: 180px;
    
          }
            
            .container_portada {
        
                height: 50vh;
                width: 100%;
                padding-bottom: 10%;
                margin-top: 120px;
            }
        
            .portada {
        
                height: 100%;
            }
            
 
            

        
            .idiomas {
                margin-top: -250px;
            }
        
        
            .palabras_flotantes:hover ~ .iman1 {
            transform: none}
        
           .palabras_flotantes2:hover ~ .iman1 {
            transform: none}
        
            .palabras_flotantes3:hover ~ .iman1 {
            transform: none}
        
            .palabras_flotantes4:hover ~ .iman1 {
            transform: none}
        
            .palabras_flotantes5:hover ~ .iman1 {
            transform: none}
        
            .palabras_flotantes6:hover ~ .iman1 {
            transform: none    
            }
        
        
            }


            @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
                .palabras_flotantes,
                .palabras_flotantes2,
                .palabras_flotantes3,
                .palabras_flotantes4,
                .palabras_flotantes5,
                .palabras_flotantes6 {
                    height: 60px;
                }
                    
                #main-image {
                    width: 240px;
                    height: auto;
                    margin-top: 10px;
                    margin-bottom: 100px;
                }
                
            
                .palabras_flotantes4 {
                    left: 70px;
                    top: 5px;
                }
                
                .palabras_flotantes3 {
                    right: 70px;
                    top: 5px;
                }
        
                .palabras_flotantes2 {
                    left: 70px;
                    top: 200px;
                }
                
                .palabras_flotantes {
                    right: 70px;
                    top: 200px;
                }
                
               .palabras_flotantes5 {
        
               bottom: 150px;
               right: 180px;
        
               }
        
              .palabras_flotantes6 {
        
              bottom: 150px;
              left: 180px;
        
              }
                
                .container_portada {
            
                    height: 50vh;
                    width: 100%;
                    padding-bottom: 10%;
                    margin-top: 120px;
                }
            
                .portada {
            
                    height: 100%;
                }
                
     
                
    
            
                .idiomas {
                    margin-top: -250px;
                }
            
            
                .palabras_flotantes:hover ~ .iman1 {
                transform: none}
            
               .palabras_flotantes2:hover ~ .iman1 {
                transform: none}
            
                .palabras_flotantes3:hover ~ .iman1 {
                transform: none}
            
                .palabras_flotantes4:hover ~ .iman1 {
                transform: none}
            
                .palabras_flotantes5:hover ~ .iman1 {
                transform: none}
            
                .palabras_flotantes6:hover ~ .iman1 {
                transform: none    
                }
            
            
                }







/*celular*/


@media all and (device-width: 430px) and (device-height: 932px) and (orientation:portrait) {

    .palabras_flotantes,
    .palabras_flotantes2,
    .palabras_flotantes3,
    .palabras_flotantes4,
    .palabras_flotantes5,
    .palabras_flotantes6 {
        height: 50px;
    }
        
    #main-image {
        width: 140px;
        height: auto;
        margin-top: 10px;
        margin-bottom: 100px;
    }
    

    .palabras_flotantes4 {
        left: 20px;
        top: 5px;
    }
    
    .palabras_flotantes3 {
        right: 20px;
        top: 80px;
    }

    .palabras_flotantes2 {
        left: 20px;
        top: 200px;
    }
    
    .palabras_flotantes {
        right: 20px;
        top: 200px;
    }
    
   .palabras_flotantes5 {

   bottom: 220px;
   right: 80px;

   }

  .palabras_flotantes6 {

  bottom: 190px;
  left: 80px;

  }
    
    .container_portada {

        height: 75vh;
        width: 100%;
        padding-bottom: 10%;
        margin-top: 120px;
    }

    .portada {

        height: 100%;
    }
    

    


    .idiomas {
        margin-top: -250px;
    }


    .palabras_flotantes:hover ~ .iman1 {
    transform: none}

   .palabras_flotantes2:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes3:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes4:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes5:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes6:hover ~ .iman1 {
    transform: none    
    }

    .hero {
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-top: -350px;
    }
    
    .hero_img {
        width: 80%;
    }

    }


   
  
  @media all and (device-width: 390px) and (device-height: 844px) and (orientation:portrait) {
  
    .palabras_flotantes,
    .palabras_flotantes2,
    .palabras_flotantes3,
    .palabras_flotantes4,
    .palabras_flotantes5,
    .palabras_flotantes6 {
        height: 50px;
    }
        
    #main-image {
        width: 140px;
        height: auto;
        margin-top: 10px;
        margin-bottom: 100px;
    }
    

    .palabras_flotantes4 {
        left: 20px;
        top: 5px;
    }
    
    .palabras_flotantes3 {
        right: 20px;
        top: 80px;
    }

    .palabras_flotantes2 {
        left: 20px;
        top: 200px;
    }
    
    .palabras_flotantes {
        right: 20px;
        top: 200px;
    }
    
   .palabras_flotantes5 {

   bottom: 220px;
   right: 30px;

   }

  .palabras_flotantes6 {

  bottom: 220px;
  left: 30px;

  }
    
    .container_portada {

        height: 75vh;
        width: 100%;
        padding-bottom: 10%;
        margin-top: 100px;
    }

    .portada {

        height: 100%;
    }
    

    


    .idiomas {
        margin-top: -200px;
    }


    .palabras_flotantes:hover ~ .iman1 {
    transform: none}

   .palabras_flotantes2:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes3:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes4:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes5:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes6:hover ~ .iman1 {
    transform: none    
    }

    .hero {
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-top: -350px;
    }
    
    .hero_img {
        width: 80%;
    }
  
  }

  
  @media all and (device-width: 414px) and (device-height: 896px) and (orientation:portrait) {
  
    .palabras_flotantes,
    .palabras_flotantes2,
    .palabras_flotantes3,
    .palabras_flotantes4,
    .palabras_flotantes5,
    .palabras_flotantes6 {
        height: 50px;
    }
        
    #main-image {
        width: 140px;
        height: auto;
        margin-top: 10px;
        margin-bottom: 100px;
    }
    

    .palabras_flotantes4 {
        left: 20px;
        top: 5px;
    }
    
    .palabras_flotantes3 {
        right: 20px;
        top: 80px;
    }

    .palabras_flotantes2 {
        left: 20px;
        top: 200px;
    }
    
    .palabras_flotantes {
        right: 20px;
        top: 200px;
    }
    
   .palabras_flotantes5 {

   bottom: 220px;
   right: 40px;

   }

  .palabras_flotantes6 {

  bottom: 220px;
  left: 40px;

  }
    
    .container_portada {

        height: 75vh;
        width: 100%;
        padding-bottom: 10%;
        margin-top: 120px;
    }

    .portada {

        height: 100%;
    }
    

    


    .idiomas {
        margin-top: -250px;
    }


    .palabras_flotantes:hover ~ .iman1 {
    transform: none}

   .palabras_flotantes2:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes3:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes4:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes5:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes6:hover ~ .iman1 {
    transform: none    
    }

    .hero {
        height: 50vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-top: -350px;
    }
    
    .hero_img {
        width: 80%;
    }
  
  }

  @media all and (device-width: 375px) and (device-height: 667px) and (orientation:portrait) {
  
  
    .palabras_flotantes,
    .palabras_flotantes2,
    .palabras_flotantes3,
    .palabras_flotantes4,
    .palabras_flotantes5,
    .palabras_flotantes6 {
        height: 40px;
    }
        
    #main-image {
        width: 110px;
        height: auto;
        margin-top: 10px;
        margin-bottom: 100px;
    }
    

    .palabras_flotantes4 {
        left: 20px;
        top: 5px;
    }
    
    .palabras_flotantes3 {
        right: 20px;
        top: 80px;
    }

    .palabras_flotantes2 {
        left: 20px;
        top: 200px;
    }
    
    .palabras_flotantes {
        right: 20px;
        top: 200px;
    }
    
   .palabras_flotantes5 {

   bottom: 220px;
   right: 40px;

   }

  .palabras_flotantes6 {

  bottom: 220px;
  left: 40px;

  }
    
    .container_portada {

        height: 100vh;
        width: 100%;
        padding-bottom: 10%;
        margin-top: 120px;
    }

    .portada {

        height: 100%;
    }
    

    .idiomas {
        margin-top: -150px;
    }


    .palabras_flotantes:hover ~ .iman1 {
    transform: none}

   .palabras_flotantes2:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes3:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes4:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes5:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes6:hover ~ .iman1 {
    transform: none    
    }

    .hero {
        height: 80vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-top: -350px;
    }
    
    .hero_img {
        width: 80%;
    }
  }
  
  @media all and (device-width: 360px) and (device-height: 740px) and (orientation:portrait) {
  
    
  
    .palabras_flotantes,
    .palabras_flotantes2,
    .palabras_flotantes3,
    .palabras_flotantes4,
    .palabras_flotantes5,
    .palabras_flotantes6 {
        height: 40px;
    }
        
    #main-image {
        width: 110px;
        height: auto;
        margin-top: 10px;
        margin-bottom: 100px;
    }
    

    .palabras_flotantes4 {
        left: 20px;
        top: 5px;
    }
    
    .palabras_flotantes3 {
        right: 20px;
        top: 80px;
    }

    .palabras_flotantes2 {
        left: 20px;
        top: 200px;
    }
    
    .palabras_flotantes {
        right: 20px;
        top: 200px;
    }
    
   .palabras_flotantes5 {

   bottom: 220px;
   right: 40px;

   }

  .palabras_flotantes6 {

  bottom: 220px;
  left: 40px;

  }
    
    .container_portada {

        height: 100vh;
        width: 100%;
        padding-bottom: 10%;
        margin-top: 120px;
    }

    .portada {

        height: 100%;
    }
    

    .idiomas {
        margin-top: -150px;
    }


    .palabras_flotantes:hover ~ .iman1 {
    transform: none}

   .palabras_flotantes2:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes3:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes4:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes5:hover ~ .iman1 {
    transform: none}

    .palabras_flotantes6:hover ~ .iman1 {
    transform: none    
    }

    .hero {
        height: 80vh;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-top: -350px;
    }
    
    .hero_img {
        width: 80%;
    }
  }