.header {
    display: flex;
    justify-content: space-between; /* Separa el logo del menú */
    align-items: center; /* CENTRA VERTICALMENTE */
    height: 65px; /* O la altura que desees */
}

.menu { 
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
}

.logo {
    display: flex;              /* Activa flexbox */
    justify-content: center;    /* Centra horizontalmente */
    align-items: center;        /* Centrado vertical */
    height: 100vh;              /* Altura del 100% de la ventana */
}

.img-logo {
    max-width: 100%;        /* Ajusta al contenedor */
    width: 100px;           /* Tamaño máximo deseado */
    height: auto;           /* Mantiene proporción */
}

.menu .navbar ul {
    display: flex;              /* Activa flexbox */
    justify-content: center;    /* Centra horizontalmente */
    align-items: center;     /* Centrado vertical */
    height: 100vh;           /* Altura del 100% de la ventana */
    list-style: none;           /* Quita los puntos */
    margin: 0;
    padding: 0;
    gap: 0px;                   /* Espacio entre elementos */
}

.menu .navbar ul li a {
    font-size: 17px;
    color: #414242;
    letter-spacing: 0.5px;
    display: block;
    text-decoration: none;
    border-right: 1px solid rgb(179, 179, 179); /* Grosor, Estilo, Color */
    padding: 0 15px;          /* Espacio entre texto y borde */
    margin-right: 5px;            /* Espacio fuera del borde */
}

.menu .navbar ul li a:hover {
    color: rgb(112, 112, 112);
}

#menu {
    display: none;
}

.menu-icono {
    width: 25px;
}

.menu label {
    cursor: pointer;
    display: none;
}