/* Estilos generales */

body {

    font-family: Arial, sans-serif;

    margin: 0;
}



.navbar {

width:100%;
display: flex;
justify-content:center;
background-color: rgb(25,45,99);

}



.navega{

}
.menu {
  
font-size:14px;  
list-style: none;
    
margin: 0;
    
padding: 0;
    
display: flex;
}



.menu > li {

    position: relative;
}



.menu > li > a {
    
display: block;
    
padding: 17px 20px;
    
color: white;
    
text-decoration: none;
}



.menu > li > a:hover {

height:auto;    
background-color: #9b9b9b;

}



/* Submenú */


.submenu {
    
list-style: none;
    
position: absolute;
    
top: 100%;
    
left: 0;
    
background-color: rgb(25,45,99);    
padding: 0;
    
margin: 0;
    
display: none;
    
min-width: 200px;


}



.submenu li a {
    
padding: 12px 16px;
    
display: block;
    
color: white;
    
text-decoration: none;
}



.submenu li a:hover {
    
background-color: #9b9b9b;
}



/* Mostrar submenú al pasar el mouse */

.dropdown:hover 


.submenu {
    
display: block;
}

.suscripcion{
background-color:orange;
box-shadow: 4px 2px 5px #23282b;

}