.mbr-section__row_n {
    display: flex; /* Habilita Flexbox */
    flex-wrap: wrap; /* Permite que los elementos se envuelvan */
}

.mbr-section__col_n {
    flex: 0 0 33.33%; /* Cada columna ocupa un tercio del ancho */
    box-sizing: border-box; /* Incluye padding y border en el ancho total */
    padding: 10px; /* Espaciado entre columnas */
}

/* Estilo general del nav */
nav {
    position: relative; /* Necesario para posicionar elementos internos */
    display: flex;
    justify-content: space-between; /* Espacio entre el logo y el botón */
    align-items: center; /* Alinea verticalmente los elementos */
    padding: 10px; /* Espaciado interno */
    
}

/* Estilo del logo */
#logo {
    height: 60px; /* Altura del logo */
}

/* Estilo del botón hamburguesa */
#hamburquesa {
    position: absolute; /* Posicionamiento absoluto */
    top: 10px; /* Distancia desde la parte superior */
    right: 10px; /* Distancia desde la derecha */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
}

/* Media query para dispositivos pequeños */
@media screen and (max-width: 383px) and (max-height: 853px) {
    #logo {
        margin-right: 300px;
        height: 50px; /* Reduce el tamaño del logo si es necesario */
    }

    #hamburquesa {
        top: 5px; /* Ajusta la posición superior */
        right: 5px; /* Ajusta la posición derecha */
    }
}



@media screen and (max-width: 412px) and (max-height: 915px){
    #logo {
        margin-right: 500px;
        height: 50px; /* Reduce el tamaño del logo si es necesario */
    }
}