/* Resetear márgenes y rellenos predeterminados del navegador */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Asegura que el tamaño de los elementos incluye padding y border */
}

/* Contenedor principal de la barra de navegación */
.navegacion {
    width: 100%; 
    display: flex; 
    justify-content: space-between; 
    background-color: black; 
    color: white; 
}

/* Estilo del logo dentro de la barra de navegación */
.logo {
    display: flex; 
    width: 30%; 
    align-items: center; 
    margin: 0 5%; 
}

/* Estilo de la imagen dentro del logo */
.logo img {
    width: 40px; 
}

/* Estilo del texto del logo */
.logo p {
    font-size: 1.5em; 
    margin-left: 5%; 
}

/* Estilo del texto dentro del logo con énfasis */
.logo span {
    color: orange; 
    font-weight: bold; 
}

/* Contenedor para los enlaces de navegación */
.nav-enlaces {
    display: flex; 
    width: 60%; 
    justify-content: space-around; 
    align-items: center; 
}

/* Estilo de los enlaces de navegación */
.nav-enlaces a {
    color: white; 
    text-decoration: none; 
    font-size: 1.2em; 
    font-family: Arial, Helvetica, sans-serif; 
}

/* Estilo de los enlaces al pasar el ratón por encima */
.nav-enlaces a:hover {
    color: orange; 
}

/* Línea divisoria debajo de la barra de navegación */
.borde-inferior {
    width: 100%; 
    height: 2px; 
    background-color: black; 
    margin: 1% 0; 
}